《网站开发编程 Active Server Page》第四章 HTML控件和验证控件

北大青鸟 c 第四章 HTML控件和验证控件 Ⅴ ersion3.0 CHA

Version 3.0 HTML 控件和验证控件 第 四 章

回顾 在 ASPNET中有四组控件: 内部控件 列表控件 复杂控件 验证控件 同对象一样,Web控件拥有方法和属性 并响应事件 北大青鸟

2 回顾 • 在 ASP.NET 中有四组控件： – 内部控件 – 列表控件 – 复杂控件 – 验证控件 • 同对象一样，Web 控件拥有方法和属性 并响应事件

目标 解释HTML控件 研究各种验证控件 解释代码隐藏 实现代码隐藏 北大青鸟

3 目标 • 解释 HTML 控件 • 研究各种验证控件 • 解释代码隐藏 • 实现代码隐藏

HTML服务器控件21 页面开发人员以编程方式无法访问HTML元素 要使这些元素可用程序访问,必须指定对 HTML元素进行分析并将其作为服务器控件 可以通过为HTML元素添加 runat=" server"属性 来完成 通过HTML元素唯一的id属性,可以用程序引 用该控件 北大青鸟

4 HTML 服务器控件2-1 • 页面开发人员以编程方式无法访问HTML元素 • 要使这些元素可用程序访问，必须指定对 HTML 元素进行分析并将其作为服务器控件 • 可以通过为 HTML 元素添加 runat="server" 属性 来完成 • 通过 HTML 元素唯一的 id 属性，可以用程序引 用该控件

HTML服务器控22 HTML服务器控件必须位于具有 runat=" server"属性的标记中 通过 Htmlform控件,可以在网页中创建 个用于元素的容器 通过 HtmIImage控件,可显示图像 通过 HtmlInputFile控件,可以将文件上载 到服务器 北大青鸟

5 HTML 服务器控2-2 • HTML 服务器控件必须位于具有 runat="server" 属性的 标记中 • 通过 HtmlForm 控件，可以在网页中创建一 个用于元素的容器 • 通过 HtmlImage 控件，可显示图像 • 通过 HtmlInputFile 控件，可以将文件上载 到服务器

HTMLForm控件 该控件映射到HTML元素并允许为 Web页中的元素创建一个容器 ·若要利用回发服务,则所有Web窗体控件 都必须嵌套在 HtmlForm控件的格式正确的 开始和结束标记之间 不能在单个Web窗体页上包含多个 Htm|Form控件 6 北大青鸟

6 HTMLForm控件 • 该控件映射到 HTML 元素并允许为 Web 页中的元素创建一个容器 • 若要利用回发服务，则所有Web 窗体控件 都必须嵌套在 HtmlForm 控件的格式正确的 开始和结束标记之间 • 不能在单个 Web 窗体页上包含多个 HtmlForm 控件

HtmlInputFile控件演示 ahttp://10.1.6.150/codes/chapter4/ch4Ex1.aspx-microsoftInternetExpl..-ojx 文件(编辑()查看(y收藏(A)工具①帮助(H 中后退 ④团备③搜索收藏夹媒体多·刍目 地址(D http:/10.1.6.150/codeschapter%204/ch4ex1.aspx ◇转到链接 将文件上载到服务器 选择文件: 览 上载文件 文件名: C. TheTree ViewControl doc 内容类型: application/msword 内容长度:181760 bytes 萄完毕 「蔗本地 Intranet 北大青鸟

7 HtmlInputFile 控件演示

Web服务器控件优缺点 Web服务器控件与HTML服务控件相比具 有以下优点 Web服务器控件的类型化对象模型编程简洁并且易于检 错 它们自动为下级(HTML32)和上级(HTML40)浏览器生 成正确的HTML 它们可用于生成更复杂的服务器控件(例如 Calendar和 Data Grid) ·Web服务器控件的缺点 直接控制服务器控件如何呈现在发送给浏览器的页上的 能力较弱 北大青鸟

8 Web服务器控件优缺点 • Web 服务器控件与 HTML 服务器控件相比具 有以下优点 – Web 服务器控件的类型化对象模型编程简洁并且易于检 错 – 它们自动为下级 (HTML 3.2) 和上级 (HTML 4.0) 浏览器生 成正确的 HTML – 它们可用于生成更复杂的服务器控件（例如 Calendar 和 DataGrid） • Web 服务器控件的缺点 – 直接控制服务器控件如何呈现在发送给浏览器的页上的 能力较弱

HTML服务器控件优缺点 优点 HTML服务器控件能够同时在服务器和客户端编 程 使用HTML服务器控件将现有HTM或ASP页转 换为Web窗体页 缺点 所有值均为字符串,没有不具有类型安全性 可支持多种浏览器,但必须使用扩展样式,自 己对其进行编程 不能自动检测用于样式的浏览器功能 北大青鸟

9 HTML服务器控件优缺点 • 优点 – HTML 服务器控件能够同时在服务器和客户端编 程 – 使用 HTML 服务器控件将现有 HTML 或 ASP 页转 换为 Web 窗体页 • 缺点 – 所有值均为字符串，没有不具有类型安全性 – 可支持多种浏览器，但必须使用扩展样式，自 己对其进行编程 – 不能自动检测用于样式的浏览器功能

使用服务器控件设计页面建议 ·Web服务器控件 偏爱类似 Visual basic的编程模型 打算编写可能由HTML32和HTM40浏览器使用的Web 窗体页 需要特定功能,例如日历 打算创建包含嵌套控件的应用程序并且需要在容器级别 捕获事件 HTML服务器控件 偏爱类似HTML的对象模型 打算使用现有HTML页,并需要迅速添加Web窗体功能 与客户端脚本交互 北大青鸟

10 使用服务器控件设计页面建议 • Web 服务器控件 – 偏爱类似 Visual Basic 的编程模型 – 打算编写可能由 HTML 3.2 和 HTML 4.0 浏览器使用的 Web 窗体页 – 需要特定功能，例如日历 – 打算创建包含嵌套控件的应用程序并且需要在容器级别 捕获事件 • HTML 服务器控件 – 偏爱类似 HTML 的对象模型 – 打算使用现有 HTML 页，并需要迅速添加 Web 窗体功能 – 与客户端脚本交互