添加HTML控件（如Button） (1) 在源视图中注明onclick，并在 <script>…</script>定义onclick事件
(2)在代码文件.cs的Page_Load事件中注册事件
Web 程序设计——实用网站开发
3. 服务器端控件
在Visual Studio的工具箱中，只有“HTML”选 项卡中的控件是客户端控件（也称为浏览器控 件），其他所有控件都是Web服务器端控件。其 中“标准”选项卡中的控件是最常用的控件。在 类库中，所有Web控件都是从
13
Web 程序设计——实用网站开发
一、HTML控件和服பைடு நூலகம்器端控件的概念
1. HTML控件
HTML控件在默认情况下属于客户端（浏览器）控 件，服务器无法对其进行控制，只能在客户端通过 javascript和vbscript等脚本语言来控制 。HTML控 件是从HTML标记衍生而来的，每个控件对应于一个或 一组HTML标记。例如，前面我们经常使用的HTML表格 控件，就是一个常用于页面布局工具的 HTML控件，如 果不使用工具箱中的控件，而直接在源视图中书写相 应的HTML代码也可以得到相同的效果，但使用控件可 以节省大量的代码书写时间，且使操作变成了可视化 的方式。
System.Web.UI.Control.WebControls直接或间接
派生而来的。
Web 程序设计——实用网站开发
17
二、控件和页面的执行过程
1. 服务器端控件的执行过程 2. 页面的处理过程
当用户通过浏览器发出一个对 页面的请 当用户请求一个包含有Web服务器端控件的 .aspx 求后，Web服务器将用户的请求交由引擎来 页面时，服务器首先对页面进行处理，将页面中包含 处理。系统首先会检查在服务器缓存中是否有该页 的服务端控件及其他内容解释成标准的 HTML代码，然 面，或此页面是否已被编译成了 .dll文件 后将处理结果以标准 HTML的形式一次性发送给客户端。 （Dynamic Link Library，动态链接库）。若没有 则将页面转换为源程序代码，然后由编译器将其编 译成.dll文件，否则直接利用已编译过的.dll文件 建立对象，并将执行结果返回到客户端浏览器。
Web 程序设计——实用网站开发
9
4.2 4.5服务器控件概述
HTML服务器控件：常用于升级原有的ASP3.0 页面到页面。
Web服务器控件：目前的 4.5网站建 设中，优先考虑Web服务器控件。当Web服务 器控件无法完成特定的任务时，可考虑HTML 服务器控件。
Web 程序设计——实用网站开发
22
实例4-2 通过键盘快捷键激活特定文本框
当按下ALT+N时，将激活用户名右边的文本 框；当按下ALT+P时将激活密码右边的文本框。 源程序：Label.aspx
标准控件
Web 服务器控件
选择控件 容器控件
验证控件 用户控件
其它专用控件 数据库控件
Web 程序设计——实用网站开发
20
4.3 标准控件
属性名 AccessKey Attributes BackColor BoderWidth 说明 控件的键盘快捷键 控件的所有属性集合 控件的背景色 控件的边框宽度 属性名 Font Height ID TabIndex 控件的字体属性 控件的高度 控件的编程标识符 控件的索引顺序 说明
21
4.3.1 Label控件
用于在浏览器上显示文本，可以在服务器端动 态地修改文本。 通过Text属性指定控件显示的内容。定义的语 法格式如下：
<asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>
很实用的属性AssociatedControlID：值可把 Label控件与窗体中另一个服务器控件关联起 来。
<input id="Button2" type="button" value="button" />
<input id="Button2" type="button" value="button" runat="server" />
Web 程序设计——实用网站开发
15
使用HTML服务器控件的方法
BoderStyle
CssClass CssStyle Enabled
控件的边框样式
控件的CSS类名 控件的样式 是否启用Web服务器控件
Text
ToolTip Visible Width
控件上显示的文本
当鼠标悬停在控件上时显示的文本 控件是否在Web页上显示 控件的宽度
Web 程序设计——实用网站开发
Web 程序设计——实用网站开发
4
例题：
运行程序，页面显示后完成如下功能：初始时列表框显示部 分省，在文本框添加省信息且单击“确定”按钮后，可将省 信息添加至列表框。
Web 程序设计——实用网站开发
5
4.1.2 IsPostBack属性
当控件的事件被触发时， Page_Load 注意：当 .aspx文件中@ Page 指令的 事件会在 AutoEventWireup 属性值为true时， 4.5 控件的事件之前被触发。如果想在执行控件的 能自动将页面事件绑定到名为“Page_事件名” 事件代码时不执行 Page_Load 事件中的代码， 的方法。而要把控件事件绑定到对应的方法，需 可以通过判断属性 Page.IsPostBack实现。 要设置名为“ On事件名”的属性。 属性 IsPostBack 在用户第一次浏览网页时，会 返回值false，否则返回值true。
目录
4.3.9 HyperLink控件
4.3.10 Table控件 4.3.11 Panel和PlaceHolder控件 4.3.12 MultiView和View控件 4.3.13 Wizard控件
4.4 小结
Web 程序设计——实用网站开发
1
4.1 4.5页面事件处理
Web 程序设计——实用网站开发
12
<
<
<
<
鼠标在控件上方移动时触发 input id="btn4" type="button" value="MouseMove" onmous emove="alert('Hi,你好!');"> 双击控件时触发 input id="btn5" type="button" value="DblClick" ondblclick=" alert('Hi,你好!');"> 当焦点在控件时，按键时触发 input id="btn6" type="button" value="KeyPress" onkeypress= "alert('Hi,你好!');"> 按键按下时触发 input id="btn7" type="button" value="KeyDown" onkeydown= "alert('Hi,你好!');">
从此处调用 Page_Load 事件
private void Page_Load(object sender, System.EventArgs e { //页面加载时执行的代码
}
只要加载页面，就会执行 Page_Load 事件内的代码
Web 程序设计——实用网站开发
8
关于Page.IsPostBack属性
Web 程序设计——实用网站开发
10
Html控件与Web控件最大的区别是它们对事件 处理的方法不同。对于Html控件，当引发一个事 件时，浏览器会处理它。但对于Web控件，事件仅 由浏览器生成，但浏览器不会处理它，客户端要 给服务器发个信息，告诉服务器处理事件。 不过 有些事件，比如: 按下键/移动/鼠标等事件，中没有这些 事件(因为这些事件即时性强，服务器处理得不够 及时)，这时候Html控件就发挥其作用了，结合 Html事件协助完成。
只有熟悉 4.5页面事件处理流程，才能
理解代码的执行顺序。
Web 程序设计——实用网站开发
2
4.1.1 4.5事件
常用页面处理事件 Page_PreInit：通过IsPostBack属性确定是否第一次处理 该页、创建动态控件、动态设置主题属性、读取配置文 件属性等。 Page_Init：初始化控件属性。 Page_Load：读取和更新控件属性。
18
Web 程序设计——实用网站开发
4.2.2 Web服务器控件简介
根据功能不同分成标准控件、数据控件、验证
控件、导航控件、登录控件、WebParts控件、
AJAX Extensions控件和用户自定义控件。
Web 程序设计——实用网站开发
19
文本输入控件
控制权转移控件
Web 程序设计——实用网站开发
14
2.HTML服务器控件简介
实现了将XHTML元素到服务器控件的转换。经过 转换后，Web窗体页就可访问XHTML元素 （HTML服务器控件），从而实现在服务器端对 HTML服务器控件的编程。
添加属性“runat="server" ”将转换XHTML元素到 HTML服务器控件。
Web 程序设计——实用网站开发
11
