<div>

<h3>Web窗体控件</h3>

1,文本框<br />

1_1,文本框：<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>

<br />

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

<br />

1_3,文本域：<asp:TextBox ID="TextBox3" runat="server" TextMode="MultiLine"></asp:TextBox>

<br />

<br />

2，按钮<br />

2_1,普通按钮：<asp:Button ID="Button1" runat="server" Text="Button" />

<br />

2_2,链接按钮（假链接）：<asp:LinkButton ID="LinkButton1" runat="server"

    PostBackUrl="~/MuDiYeMian.aspx">LinkButton</asp:LinkButton>

<br />

2_3,图片按钮：<asp:ImageButton ID="ImageButton1" runat="server" Height="28px"

    ImageUrl="http://images.cnblogs.com/cnblogs_com/dt520/882776/o_%e6%8d%95%e8%8e%b7.PNG" PostBackUrl="~/MuDiYeMian.aspx" Width="149px" />

<br />

<br />

3，超链接&nbsp; 作用：负责页面之间的导航<br />

<asp:HyperLink ID="HyperLink1" runat="server" NavigateUrl="~/MuDiYeMian.aspx">HyperLink</asp:HyperLink>

<br />

<br />

4，标签&nbsp;&nbsp; 特点无色透明， 作用：呈现文本，方便控制<br />

<asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>

<br />

<br />

5，隐藏控件<br />

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

<br />

6，图片<br />

<asp:Image ID="Image1" runat="server" ImageUrl="http://images.cnblogs.com/cnblogs_com/dt520/882776/o_%e6%8d%95%e8%8e%b7.PNG" />

<br />

<br />

7，上传控件<br />

<asp:FileUpload ID="FileUpload1" runat="server" />

<br />

<br />

8，复选框<br />

8_1,复选框：<asp:CheckBox ID="CheckBox1" runat="server"

    Text="篮球" />

&nbsp;<asp:CheckBox ID="CheckBox2" runat="server" Text="足球" />

<br />

8_2，复选框组:<asp:CheckBoxList ID="CheckBoxList1" runat="server"

    RepeatDirection="Horizontal" RepeatLayout="Flow">

    <asp:ListItem>篮球</asp:ListItem>

    <asp:ListItem>足球</asp:ListItem>

</asp:CheckBoxList>

<br />

<br />

9，单选框<br />

9_1,单选框：<asp:RadioButton ID="RadioButton1" runat="server" Text="男"

    ValidationGroup="sex" />

<asp:RadioButton ID="RadioButton2" runat="server" Text="女"

    ValidationGroup="sex" />

<br />

9_2,单选框组：<asp:RadioButtonList ID="RadioButtonList1" runat="server"

    RepeatDirection="Horizontal" RepeatLayout="Flow">

    <asp:ListItem Selected="True">男</asp:ListItem>

    <asp:ListItem>女</asp:ListItem>

</asp:RadioButtonList>

<br />

<br />

10，下拉框<br />

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

    <asp:ListItem>山东</asp:ListItem>

    <asp:ListItem>河北</asp:ListItem>

    <asp:ListItem>上海</asp:ListItem>

</asp:DropDownList>

<br />

<br />

11,列表框<br />

11_1,单选，<asp:ListBox ID="ListBox1" runat="server">

    <asp:ListItem>山东</asp:ListItem>

    <asp:ListItem>河北</asp:ListItem>

    <asp:ListItem>内蒙古</asp:ListItem>

</asp:ListBox>

11_2,多选，<asp:ListBox ID="ListBox2" runat="server" SelectionMode="Multiple">

    <asp:ListItem>山东</asp:ListItem>

    <asp:ListItem>河北</asp:ListItem>

    <asp:ListItem>内蒙古</asp:ListItem>

</asp:ListBox>

<br />

<br />

12，面板<br />

<asp:Panel ID="Panel1" runat="server" BackImageUrl="http://images.cnblogs.com/cnblogs_com/dt520/882776/o_%e6%8d%95%e8%8e%b7.PNG"

    Height="200px">

    你好吗？<br />

    <asp:Calendar ID="Calendar1" runat="server"></asp:Calendar>

</asp:Panel>

<br />

13，PlaceHolder(像Panel的面板)<br />

<asp:PlaceHolder ID="PlaceHolder1" runat="server">

你好吗？<br />

    <asp:Calendar ID="Calendar2" runat="server"></asp:Calendar>

</asp:PlaceHolder>

</div>