3.服务器端控件(1)

3.3.3 提交表单数据

Button, LinkButton, ImageButton控件用于向服务 器提交表单数据。这3个控件具有相同的功能，却具 有不同的外观。
Button控件生成普通的按钮，产 生的Html输出为 <input type=“submit” /> LinkButton控件生成一个链接， 使用JavaScript把表单传回服务器： <a id="btnSubmit2" href="javascript:__doPostBack('b tnSubmit2','')">提交</a> ImageButton控件与Button控件类 似，只是总是使用图片。
</form>
3.3.4 标准控件综合示例
Default.aspx
protected void btnSubmit_Click(object sender, EventArgs e) { lblMessage.Text = "<H4>您输入的个人信息为：</H4>"; lblMessage.Text += "<b>姓名</b>:" + tbName.Text + "<br>"; if (rbMale.Checked) { { { { { lblMessage.Text += "<b>性别</b>:男<br>"; lblMessage.Text += "<b>性别</b>:女<br>"; lblMessage.Text += "<b>爱好</b>:旅游<br>"; lblMessage.Text += "<b>爱好</b>:上网<br>"; lblMessage.Text += "<b>爱好</b>:购物<br>"; } } } } } if (rbFemale.Checked) if (cbTour.Checked) if (cbNetworking.Checked)

声明控件的第2种方法

<asp:Label id="message" runat="server">欢迎大家</asp:Label> <asp:Button id="enter" Text="确定" onClick="Enter_Click" runat="server" ></asp:Button>

3.3 标准控件

标准控件几乎是每个应用程序都要用到的。 主要包括：
显示信息的Label和Literal控件 接受用户输入的TextBox、CheckBox、RadioButton控件 提交表单数据的Button、LinkButton和ImageButton控件 显示图像的Image和ImageMap控件 其它控件(Panel控件和HyperLink控件)
AssociatedControlID 属性

Label控件的AssociatedControlID属性的作用：一是 方便读屏器等程序正确地识别标签和表单，二是当点 击标签时，自动把表单焦点设置为相应的表单输入框。
Literal控件

Literal控件类似于Label控件，区别在于，Literal控件在转 译时不产生<span>标记，因此，它没有格式化属性。
控件的分类
控件的类型
HTML服务器控件 Web服务器控件



2.0提供了丰富的Web服务器控件：


标准控件 List控件(列表控件) 验证控件 Rich控件(高级控件) 导航控件 登录控件等等
3.2 HTML服务器端控件
这一类控件是主要是为了保留原来的HTML元素标记。 一般和原来的HTML标记一一对应，只是增加了runat= “server”。 常用Html服务器控件请参见教材P35表3.1

3.3.1 Label控件和Literal控件

如果需要动态地修改显示在页面中的文本，可以使用 Label控件。
ShowLabel.aspx
protected void Page_Load(object sender, EventArgs e) { // 显示时间 lblTime.Text = DateTime.Now.ToString("T"); }

Label控件的内容会由服务器端转译成<span>标签。
Label控件

Label控件的格式化属性


rderColor：边框色 BorderStyle：边框样式 BorderWidth：边框宽度 CssClass：关联的CSS类 Font：字体 ForeColoe：前景色 ToolTip：工具提示
ShowImage.asp x
Image控件
protected void Page_Load(object sender, EventArgs e) {
Random r = new Random();
switch (r.Next(3)) { case 0: imgRadom.ImageUrl = "Picture1.gif"; imgRadom.AlternateText = "Picture1"; break; case 1: imgRadom.ImageUrl = "Picture2.gif";


主要方法：

Focus：设为本控件为输入焦点 CheckedChanged：选中或取消选中时，在服务器端引发
主要事件： 多个单选钮时，建议使用RadioButtonList控件
CheckBox与RadioButton示例
ShowCheckBox.aspx
CheckBox与RadioButton示例


主要方法：

主要事件：

多个CheckBox时，建议使用CheckBoxList控件
RadioButton控件

主要属性：
Text:控件上显示的文字 TextAlign:对齐方式 Checked:是否选中 GroupName:同一页面的单选钮要分组时，同一组的单选钮 要使用同一个组名 AutoPostBack:是否回传

什么是控件？
不仅仅是页面上的表 单元素。 是想将页面 上所有的内容都用控 件表示。

控件的声明

声明控件的第1种方法


<asp:Label id="message" Text="欢迎大家" runat="server"/> <asp:Button id="enter" Text="确定" onClick="Enter_Click" runat="server" />
lblSearch.Text = "姓名：" + tbName.Text;
} }
指定默认按钮

使用Form控件的DefaultButton属性来指定表单的默 认按钮，可以按回车键来调用这个按钮。
<form id="form1" defaultbutton="btnSubmit1" runat="server">
imgRadom.AlternateText = "Picture2";
break; case 2: imgRadom.ImageUrl = "Picture3.gif"; imgRadom.AlternateText = "Picture3"; break; } }
if (rbMagazine.Checked) s = rbMagazine.Text;
if (rbTV.Checked) if (rbOther.Checked) }
ShowCheckBox.aspx.cs
s = rbTV.Text; s = rbOther.Text;
lblResult.Text += "您是从" + s + "获悉我们的网站";
if (cbShopping.Checked)
lblMessage.Text += "<b>地址</b>:" + ddlCity.SelectedItem.Text + "<br>";
lblMessage.Text += "<b>简介</b>:" + tbBrief.Text + "<br>";
}
3.3.5 显示图像
ShowLabel.aspx
<style type="text/css"> .labelstyle { color:red; background-color:yellow; border:Solid 2px Red; } </style>