1 Button类控件
三种button控件;
<asp:Button ID="Button1" runat="server" OnClick="Button1_Click" Text="单击按钮" Height="38px" />
<asp:ImageButton ID="ImageButton1" runat="server" Height="36px" ImageUrl="~/PT12.jpg"
OnClick="ImageButton1_Click" Width="73px" />
<asp:LinkButton ID="LinkButton1" runat="server" Height="35px" OnClick="LinkButton1_Click"
Style="text-align: center" Width="74px" Text="链接按钮"></asp:LinkButton><br />
2 文本类控件
在文本框中输入内容,输入完回车,在TextBox1_TextChanged事件中改变Label控件的值;
3 列表框控件
<asp:ListBox ID="lbCity" runat="server" Height="118px" OnSelectedIndexChanged="lbCity_SelectedIndexChanged">
<asp:ListItem>10KV</asp:ListItem>
<asp:ListItem>35KV</asp:ListItem>
<asp:ListItem>110KV</asp:ListItem>
<asp:ListItem>220KV</asp:ListItem>
<asp:ListItem>330KV</asp:ListItem>
<asp:ListItem>500KV</asp:ListItem>
<asp:ListItem>1000KV</asp:ListItem>
</asp:ListBox>
4 单选按钮
<br />
<asp:RadioButton ID="rbQH" runat="server" GroupName="xxGroup" Text="小兔子" AutoPostBack="True" OnCheckedChanged="rbMale_CheckedChanged" />
<asp:RadioButton ID="rbBD" runat="server" GroupName="xxGroup" Text="小狗狗" />
<asp:RadioButton ID="rbZD" runat="server" GroupName="xxGroup" Text="小白兔" /><br />
5 多选控件
<asp:CheckBox ID="cbYundong" runat="server"
OnCheckedChanged="cbYundong_CheckedChanged" Text="小兔子" />
<asp:CheckBox ID="cbYinyue" runat="server" Text="小狗狗" />
<asp:CheckBox ID="cbWenxue" runat="server" Text="小猫咪" />
<asp:CheckBox ID="cbWudao" runat="server" Text="小仓鼠" />
6 多选控件
前后两个的实现方式不同,代码如下,一个用CheckBox实现,一个用CheckBoxList实现
<asp:CheckBox ID="cbYundong" runat="server"
OnCheckedChanged="cbYundong_CheckedChanged" Text="运动" />
<asp:CheckBox ID="cbYinyue" runat="server" Text="音乐" />
<asp:CheckBox ID="cbWenxue" runat="server" Text="文学" />
<asp:CheckBox ID="cbWudao" runat="server" Text="舞蹈" /><br />
<br />
<asp:Label ID="lblMessage" runat="server" Width="266px"></asp:Label><br />
<br />
<asp:Button ID="btnSubmit" runat="server" Text="提交" OnClick="btnSubmit_Click" /><br />
<br />
<br />
<br />
<br />
爱好:<asp:CheckBoxList ID="cblHobby" runat="server"
RepeatDirection="Horizontal" RepeatLayout="Flow">
<asp:ListItem>运动</asp:ListItem>
<asp:ListItem>音乐</asp:ListItem>
<asp:ListItem>文学</asp:ListItem>
<asp:ListItem>舞蹈</asp:ListItem>
</asp:CheckBoxList><br />
7 日历控件
前一个SelectMode为Day,后一个为DayWeek;前者只能选定一天,后者可选择一个星期;
protected void Calendar1_SelectionChanged(object sender, EventArgs e)
{
Text1.Text = String.Format("You selected {0} date(s).",Calendar1.SelectedDates.Count);
Text2.Text = String.Format("You selected date:{0}", Calendar1.SelectedDate);
}
工程源码下载:
http://pan.baidu.com/s/1o6Jtmae