瞭解ASP.NET的控件最終解析成什麼HTML代碼,有助於咱們對ASP.NET更深的瞭解,在使用JS交互時也知道如何操做。javascript
ASP.NET 服務器控件渲染到客戶端以後對應的HTML標籤講解.java
label----------<span/>
button---------<input type="submit"/>
textbox--------<input type="text"/>
linkbutton-----<a href="javascript:" />
imagebutton----<input type="image"/>
hyperlink------<a />
dropdownlist---<select />
listbox--------<select size=""/>
checkbox-------<input type="checkbox"/>
checkboxlist---
<table id="CheckBoxList1" border="0">
<tr>
<td><input id="CheckBoxList1_0" type="checkbox" name="CheckBoxList1$0" /><label for="CheckBoxList1_0">1</label></td>
</tr><tr>
<td><input id="CheckBoxList1_1" type="checkbox" name="CheckBoxList1$1" /><label for="CheckBoxList1_1">2</label></td>
</tr>
</table>
radiobutton------<input type="radio" />
radiobuttonlist----
<table id="RadioButtonList1" border="0">
<tr>
<td><input id="RadioButtonList1_0" type="radio" name="RadioButtonList1" value="1" /><label for="RadioButtonList1_0">1</label></td>
</tr><tr>
<td><input id="RadioButtonList1_1" type="radio" name="RadioButtonList1" value="2" /><label for="RadioButtonList1_1">2</label></td>
</tr>
</table>服務器
image-----------<img />
imagemap--------<img ><map /></img>iview
table-----------<table />spa
BulletedList-----
<ul id="BulletedList1">
<li>1</li><li>2</li>
</ul>orm
hiddenfield----<input type="hidden" />
Literal--------只渲染一段純文本到客戶端圖片
calendar----<table><tr><td><a href="javascript:" /></td><tr></table>ip
adrotator---- <a id="AdRotator1" ><img /></a>pdo
fileupload-----<input type="file"/>input
wizard---------<table />
multiview(view)----渲染到客戶端的只是每一個view以內的部分,這兩個服務器控件自己不render爲任何標籤
Substitution------只渲染一段純文本到客戶端
Localize----------只渲染一段純文本到客戶端
gridview,datalist,dataview,formview----------<div><table/></div>
listview,repeater-------它自己只渲染一個div到客戶端,div的內容徹底取決於listview的模板設定
datapager--------<span><a/>...</span>
驗證系列控件-----渲染爲<span/>,驗證信息就顯示爲span內的文本
menu,treeview----最外面是一個<div>,每個菜單item都渲染爲一個table,子菜單的展開時的圖片是<a><img></a>
SiteMapPath------<span><a><img></a></span>