各种服务器控件最终在的html解析

aspx页面源：

<form id="form1" runat="server">

用户名：<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>

密码：<asp:TextBox ID="TextBox2" runat="server" TextMode="Password"></asp:TextBox>

自我介绍：<asp:TextBox ID="TextBox3" runat="server" TextMode="MultiLine"></asp:TextBox>

性别：<asp:RadioButton ID="RadioButton1" runat="server" GroupName="sex" /><asp:RadioButton

ID="RadioButton2" runat="server" GroupName="sex" />

体形：<asp:RadioButtonList ID="RadioButtonList2" runat="server">

<asp:ListItem Value="1">苗条</asp:ListItem>

<asp:ListItem Value="2">肥胖</asp:ListItem>

<asp:ListItem Value="3">匀称</asp:ListItem>

</asp:RadioButtonList>

喜欢的书籍：<asp:CheckBox ID="CheckBox1" runat="server" Text="科普" /><asp:CheckBox ID="CheckBox2"

runat="server" Text="武侠" /><asp:CheckBox ID="CheckBox3" runat="server" Text="科幻" />

喜欢的运动：<asp:CheckBoxList ID="CheckBoxList1" runat="server">

<asp:ListItem Value="1">足球</asp:ListItem>

<asp:ListItem Value="2">篮球球</asp:ListItem>

<asp:ListItem Value="3">乒乓球</asp:ListItem>

</asp:CheckBoxList>

<select id="Select1" name="D1" size="2" style="width: 80px">

<option>1</option>

<option>2</option>

<option>3</option>

<option>4</option>

</select>

学历<asp:DropDownList ID="DropDownList1" runat="server">

<asp:ListItem>大专</asp:ListItem>

<asp:ListItem>本科</asp:ListItem>

</asp:DropDownList>

系统猜你的年龄是：<asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>,不准确，自己选

<asp:ListBox ID="ListBox1" runat="server">

<asp:ListItem>18</asp:ListItem>

<asp:ListItem>28</asp:ListItem>

<asp:ListItem>38</asp:ListItem>

</asp:ListBox>

上传图像：<asp:FileUpload ID="FileUpload1" runat="server" />

<asp:ImageMap ID="ImageMap1" runat="server" ToolTip="这是什么东西">

</asp:ImageMap>

<asp:HiddenField ID="HiddenField1" runat="server" />

<asp:Button ID="Button2" runat="server" Text="提交" />

<asp:ImageButton ID="ImageButton1" runat="server" ToolTip="图片按钮提交" />

<asp:LinkButton ID="LinkButton1" runat="server" OnClick="LinkButton1_Click">LinkButton</asp:LinkButton>

<asp:HyperLink ID="HyperLink1" runat="server" NavigateUrl="login.aspx">有帐号,去登陆</asp:HyperLink>

<p>

</p>

<asp:Literal ID="Literal1" runat="server">Literal控件不生成任何html标记</asp:Literal>

<asp:Localize ID="Localize1" runat="server">Localize控件不生成任何html标记</asp:Localize>

<asp:Wizard ID="Wizard1" runat="server" ToolTip="步骤">

<WizardSteps>

<asp:WizardStep ID="WizardStep1" runat="server" Title="Step 1">

</asp:WizardStep>

<asp:WizardStep ID="WizardStep2" runat="server" Title="Step 2">

</asp:WizardStep>

<asp:WizardStep ID="WizardStep3" runat="server" Title="Step 3">

</asp:WizardStep>

</WizardSteps>

</asp:Wizard>

<asp:Xml ID="Xml1" runat="server"></asp:Xml>

</div>

</form>



html源：=============================================================================================================================

<form method="post" action="SystemConfig.aspx" id="form1" enctype="multipart/form-data">

<div class="aspNetHidden">

<input type="hidden" name="__EVENTTARGET" id="__EVENTTARGET" value="" />

<input type="hidden" name="__EVENTARGUMENT" id="__EVENTARGUMENT" value="" />

<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwUJODcxOTk4NDUxD2QWAgIFDxYCHgdlbmN0eXBlBRNtdWx0aXBhcnQvZm9ybS1kYXRhZBgBBR5fX0NvbnRyb2xzUmVxdWlyZVBvc3RCYWNrS2V5X18WDQUGcmFkWWVzBQxSYWRpb0J1dHRvbjEFDFJhZGlvQnV0dG9uMQUMUmFkaW9CdXR0b24yBQxSYWRpb0J1dHRvbjIFCUNoZWNrQm94MQUJQ2hlY2tCb3gyBQlDaGVja0JveDMFD0NoZWNrQm94TGlzdDEkMAUPQ2hlY2tCb3hMaXN0MSQxBQ9DaGVja0JveExpc3QxJDIFD0NoZWNrQm94TGlzdDEkMgUMSW1hZ2VCdXR0b24xLKDEj/O8aCmyiE0NTA9AW0GlRPhgeCDka/TfMfjqd6g="
/>

</div>

<script type="text/javascript">

//<![CDATA[

var theForm = document.forms['form1'];

if (!theForm) {

theForm = document.form1;

}

function __doPostBack(eventTarget, eventArgument) {

if (!theForm.onsubmit || (theForm.onsubmit() != false)) {

theForm.__EVENTTARGET.value = eventTarget;

theForm.__EVENTARGUMENT.value = eventArgument;

theForm.submit();

}

}

//]]>

</script>

用户名：<input name="TextBox1" type="text" id="TextBox1" />

密码：<input name="TextBox2" type="password" id="TextBox2" />

自我介绍：<textarea name="TextBox3" rows="2" cols="20" id="TextBox3">

</textarea>

性别：<input id="RadioButton1" type="radio" name="sex" value="RadioButton1" /><input

id="RadioButton2" type="radio" name="sex" value="RadioButton2" />

体形：<table id="RadioButtonList2">

<tr>

<td>

<input id="RadioButtonList2_0" type="radio" name="RadioButtonList2" value="1" /><label

for="RadioButtonList2_0">苗条</label>

</td>

</tr>

<tr>

<td>

<input id="RadioButtonList2_1" type="radio" name="RadioButtonList2" value="2" /><label

for="RadioButtonList2_1">肥胖</label>

</td>

</tr>

<tr>

<td>

<input id="RadioButtonList2_2" type="radio" name="RadioButtonList2" value="3" /><label

for="RadioButtonList2_2">匀称</label>

</td>

</tr>

</table>

喜欢的书籍：<input id="CheckBox1" type="checkbox" name="CheckBox1" /><label for="CheckBox1">科普</label><input

id="CheckBox2" type="checkbox" name="CheckBox2" /><label for="CheckBox2">武侠</label><input

id="CheckBox3" type="checkbox" name="CheckBox3" /><label for="CheckBox3">科幻</label>

喜欢的运动：<table
id="CheckBoxList1">

<tr> <td>

<input id="CheckBoxList1_0" type="checkbox" name="CheckBoxList1$0" value="1" /><label

for="CheckBoxList1_0">足球</label>

</td>

</tr>

<tr>

<td>

<input id="CheckBoxList1_1" type="checkbox" name="CheckBoxList1$1" value="2" /><label

for="CheckBoxList1_1">篮球球</label>

</td>

</tr>

<tr>

<td>

<input id="CheckBoxList1_2" type="checkbox" name="CheckBoxList1$2" value="3" /><label

for="CheckBoxList1_2">乒乓球</label>

</td>

</tr>

</table>

<select id="Select1" name="D1" size="2" style="width: 80px">

<option>1</option>

<option>2</option>

<option>3</option>

<option>4</option>

</select>

学历<select name="DropDownList1" id="DropDownList1">

<option selected="selected" value="大专">大专</option>

<option value="本科">本科</option>

</select>

系统猜你的年龄是：<span id="Label1">Label</span>,不准确，自己选

<select size="4" name="ListBox1" id="ListBox1">

<option value="18">18</option>

<option value="28">28</option>

<option value="38">38</option>

</select>

上传图像：<input type="file" name="FileUpload1" id="FileUpload1" />

<img id="ImageMap1" title="这是什么东西" src="" />

<input type="hidden" name="HiddenField1" id="HiddenField1" />

<input type="submit" name="Button2" value="提交" id="Button2" />

<input type="image" name="ImageButton1" id="ImageButton1" title="图片按钮提交" src="" />

<a id="LinkButton1" href="javascript:__doPostBack('LinkButton1','')">

LinkButton</a> <a id="HyperLink1" href="login.aspx">有帐号,去登陆</a>

<p>

</p>

Literal控件不生成任何html标记 Localize控件不生成任何html标记

</form>



1.TextBox等会自动生成一个name="控件ID"

2.CheckBoxList的<input id="CheckBoxList1_0" type="checkbox" name="CheckBoxList1$0" value="1" /><label for="CheckBoxList1_0">足球</label>,name有id演变来

3<input id="RadioButtonList2_0" type="radio" name="RadioButtonList2" value="1" /><label for="RadioButtonList2_0">苗条</label>,name一样，保证单选

4.其中：ListBox的html元<select size="2"> size默认1，为DropDownList的效果，就是可视宽度为1,占页面一个选项的高度。2以上，就是高度++

5.按钮是submmit,form 默认加上method="post" action="SystemConfig.aspx" ,ImageButton是input type="image"