ASP.NET服務器控件對應的HTML標籤

瞭解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>

相關文章
相關標籤/搜索