ASP.NET中 WebForm 窗体控件使用及总结【转】

小程序：扫一扫查出行
【扫一扫了解最新限行尾号】
复制小程序

原文链接：http://www.cnblogs.com/ylbtech/archive/2013/03/06/2944675.html

ASP.NET中 WebForm 窗体控件使用及总结。

1.A,运行效果图

Web窗体控件

1,文本框
1_1,文本框：

1_2,密码框：

1_3,文本域：

2，按钮
2_1,普通按钮：

2_2,链接按钮（假链接）：LinkButton

2_3,图片按钮：

3，超链接作用：负责页面之间的导航
HyperLink

4，标签特点无色透明，作用：呈现文本，方便控制
Label

5，隐藏控件

6，图片

7，上传控件

8，复选框
8_1,复选框：篮球
足球

8_2，复选框组:篮球

足球

9，单选框
9_1,单选框：男
女

9_2,单选框组：男女

10，下拉框
山东
河北
上海

11,列表框
11_1,单选，
山东
河北
内蒙古

11_2,多选，
山东
河北
内蒙古

12，面板

你好吗？

2013年3月

('Calendar1','V4839')">>

周日

周一

周二

周三

周四

周五

周六

13，PlaceHolder(像Panel的面板)

你好吗？

('Calendar2','V4780')"><

2013年3月

周日

周一

周二

周三

周四

周五

周六

1.B,源代码

<div>
<h3>Web窗体控件</h3>
1,文本框 
1_1,文本框：<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
 
1_2,密码框：<asp:TextBox ID="TextBox2" runat="server" TextMode="Password"></asp:TextBox>
 
1_3,文本域：<asp:TextBox ID="TextBox3" runat="server" TextMode="MultiLine"></asp:TextBox>
 
 
2，按钮 
2_1,普通按钮：<asp:Button ID="Button1" runat="server" Text="Button" />
 
2_2,链接按钮（假链接）：<asp:LinkButton ID="LinkButton1" runat="server"
PostBackUrl="~/MuDiYeMian.aspx">LinkButton</asp:LinkButton>
 
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" />
 
 
3，超链接  作用：负责页面之间的导航 
<asp:HyperLink ID="HyperLink1" runat="server" NavigateUrl="~/MuDiYeMian.aspx">HyperLink</asp:HyperLink>
 
 
4，标签   特点无色透明，作用：呈现文本，方便控制 
<asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>
 
 
5，隐藏控件 
<asp:HiddenField ID="HiddenField1" runat="server" />
 
6，图片 
<asp:Image ID="Image1" runat="server" ImageUrl="http://images.cnblogs.com/cnblogs_com/dt520/882776/o_%e6%8d%95%e8%8e%b7.PNG" />
 
 
7，上传控件 
<asp:FileUpload ID="FileUpload1" runat="server" />
 
 
8，复选框 
8_1,复选框：<asp:CheckBox ID="CheckBox1" runat="server"
Text="篮球" />
 <asp:CheckBox ID="CheckBox2" runat="server" Text="足球" />
 
8_2，复选框组:<asp:CheckBoxList ID="CheckBoxList1" runat="server"
RepeatDirection="Horizontal" RepeatLayout="Flow">
<asp:ListItem>篮球</asp:ListItem>
<asp:ListItem>足球</asp:ListItem>
</asp:CheckBoxList>
 
 
9，单选框 
9_1,单选框：<asp:RadioButton ID="RadioButton1" runat="server" Text="男"
ValidationGroup="sex" />
<asp:RadioButton ID="RadioButton2" runat="server" Text="女"
ValidationGroup="sex" />
 
9_2,单选框组：<asp:RadioButtonList ID="RadioButtonList1" runat="server"
RepeatDirection="Horizontal" RepeatLayout="Flow">
<asp:ListItem Selected="True">男</asp:ListItem>
<asp:ListItem>女</asp:ListItem>
</asp:RadioButtonList>
 
 
10，下拉框 
<asp:DropDownList ID="DropDownList1" runat="server">
<asp:ListItem>山东</asp:ListItem>
<asp:ListItem>河北</asp:ListItem>
<asp:ListItem>上海</asp:ListItem>
</asp:DropDownList> 
 
11,列表框 
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>
 
 
12，面板 
<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">
你好吗？ 
<asp:Calendar ID="Calendar1" runat="server"></asp:Calendar>
</asp:Panel> 
13，PlaceHolder(像Panel的面板) 
<asp:PlaceHolder ID="PlaceHolder1" runat="server">
你好吗？ 
<asp:Calendar ID="Calendar2" runat="server"></asp:Calendar></asp:PlaceHolder>
</div>