8
HTML控件（例1）
<!--传统的HTML 静态网页写作方式--> <Html> <Body> <A Href="/Html>
传 统 的 HTML 标 记 无 法 利 用 程 序 直 接 控 制 ， 这 是 因 为 HTML标记当初设计时并没有彻底对象化；所以如果要动态的 利用程序设定标记的属性，必需要插入ASP 程序才可以，如 下所示：
</Script>
12
HTML控件（例3注释）
HTML 控件比HTML标记多了ID 以及Runat 这 两种属性。ID 属性表示程序是以本属性来控制对象的， 所以任何对象的名称不可重复，不管它们是否为同一 种类。而Runat 属性表示这个对象是在Server 端执 行，所有的HTML 控件都必须加上这个属性设定值； 倘若该对象在程序执行时不需要被程控，则可以忽略 ID 属性的设定。
ASP 网页设计师没有办法直接利用程控对象， 所以必需在标记后面插入一些ASP 程序代码。这就 是为什么以前的ASP 程序代码非常杂乱，常常会看 到标记中插入许多叙述的程序，这样会导致程序代 码在维护以及阅读上的困难。 为了要解决 这种杂乱无章的程序写作风格，便将HTML标记对 象化而产生出HTML 控件。HTML 控件可以让程序 直接控制并设定其属性，如下范例所示：
7
5. 1 HTML控件
HTML 控 件 由 HTML 标 记 衍 生 而 来 ， HTML 控件在外形上与普通的HTML标记很相似，几乎所 有 的 HTML 标 记 加 上 runat=“Server” 这 个 Server 控 件 的 标 识 属 性 后 ， 都 可 以 变 成 HTML 控 件。我们可以使用如 或C# 等语言来撰写 控制HTML 控件的程序， 把HTML标记 对象化，可以让网页对象的互动、程序的写作及维 护变的更轻松容易，也让执行的效率明显的改善不 少。 将HTML标记对象化的好处，我们 观察以下程序便了解：
在中利用HTML标记变为HTML控件
13
HTML 控件对事件的支持：
我们知道网页在被加载时会先触发Page_Load 事件，此时我们就可以利用这个事件进行对象的初 值化，以及从数据库抓数据回来等工作，所以我们 在Page_Load 事件程序中利用程序指定超级链接控 件Anchor1 的HRef 属性。这样一来程序代码和 HTML 控件分开，程序的架构就不会显的杂乱无章 而不好管理。
程序设计教程
第5章 HTML控件和Web服务器控件
河南城建学院计算机科学与工程系
内容
本章主要介绍了中几种基本 的HTML控件和Web 服务器控件,详细介绍 了各控件的基本属性及使用方法.
2
ASP．NET的四种服务器控件
服 务 器 控 件 是 Web 表 单 的 用 户 界 面 元 素 。 ASP．NET有四种服务器控件：
5
服务器控件事件的主动与被动事件
注意：将被动用户事件与主动事件区别开来很 重要。主动事件要求用户进行明确的操作，即用户必 须进行有意识的操作，包括单击按钮或链接、填写文 本框等。被动事件是用户无意中执行的操作，例如鼠 标在图像上移动。
只有主动事件才会在服务器上进行处理，因为被 动事件太多，无法将其所有的数据发送给服务器，不 过可以通过客户端脚本来处理它们。
11
HTML控件（例3）
<! 的HTML 控件可以利用程序直接控制--> <html> <A Id="Anchor1" Runat="Server">请按这里 </A>,成为对象了 </html> <Script Language="C#" Runat="Server">
void Page_Load() { Anchor1.HRef=""; Anchor1.InnerHtml="欢迎来到微软中国"; }
所有服务器控件都有属性、方法和事件。它们提 供的功能比传统HTML表单元素多，使开发人员创建 用户界面更容易。
4
服务器控件事件
服务器能引发多种事件。换句话说，用户可以 对服务器控件执行许多操作：单击按钮、单击连接、 填写文本框、选择列表框中的条目，等等。所有这 些都要由服务器进行处理，每当事件发生时，客户 都要向服务器发送信息。
6
5. 1 HTML控件
以前我们介绍过一些基本的HTML标记，这些 HTML标记在以往的静态网页或ASP 动态网页里即 可满足我们的需求。但是标准的HTML标记并没有办 法利用程序直接来控制它们的属性、使用方法和接收 事件，程序员必须另外学习其它如JavaScript 等程 序语言才得以控制这些HTML标记。 为动 态网页程序设计带来了许多新的技术，这些技术其中 之一就是将所有的HTML标记对象化，让程序可以直 接控制；对象化之后的HTML标记我们称为HTML控 件。
9
HTML控件（例2）
<!--为了动态的设定标记的属性，必需在标记中插入许多程 序--> <html> <% strAddress="" %> <A href=<%=strAddress%>>请按这里</A> </html>
10
HTML控件（例2注释）
HTML控件 Web服务器控件 有效性验证控件 用户控件
3
服务器控件：
HTML控件代表常规的HTML表单元素，如文本 框和按钮，但它们是在服务器上创建的，您可以在服 务器上控制它们。Web控件与此类似，但提供了更多 的功能，可以提供更复杂的用户界面。有效性验证控 件用于验证用户的输入。用户控件是自定义的控件， 用于实现某些功能。有效性验证控件将在第6章介绍。
了解HTML 控件可以直接被程序所控制后，我 们再来了解HTML 控件对事件的支持：
14
HTML 控件对事件的支持（示例）
<!—LI4.ASPX--> <html> <Form Runat="Server"> <Button Id="Button1"Runat="Server"OnServerClick="Button1_Clic k"> 改变字体</Button><BR>；成了对象（控件）。 </Form> <Span Id="Sp1“ Runat="Server">原来的字体</Span> (接下页）
