HTML控件和验证控件.ppt

HTML控件和验证控件
回顾
中,控件分成HTML服务控件和Web服务控件两种
Web服务器控件都派生自 命名空间
使用Web服务器控件需要注意AutoPostBack的使用
Web 服务器控件可以分为:
文本输入控件
控制权转移控件
选择控件
容器控件
其它专用控件
教学目标
使用各种HTML控件
理解HTML控件和Web控件的区别
使用各种验证控件
HTML 控件简介
HTML 服务器控件是由 更新的标准 HTML 标签,通过添加 runat=“server”属性将其用作服务器控件
HTML 服务器控件属于 命名空间,派生自 HTMLControl 基类
HTML 控件与 Web 控件的区别—1
功能比较:
HTML 控件:1)、比较灵活2)、功能较少3)、在客户端运行窗体且不需用户结合多种功能时使用4)、
Web 控件:1)、具备多种控件编程功能2)、包含大量控件
3)、在服务器端运行窗体时使用
4)、具备更加完善的功能来处理存储在数据库中的数据
5)、可在可视化设计环境中使用
HTML 控件与 Web 控件的区别—2
往返过程 浏览器向用户显示一个窗体,用户与该窗体进行交互,这导致该窗体回发到服务器。但是,因为与服务器组件进行交互的所有处理必须在服务器上发生,这意味着对于要求处理的每一操作而言,必须将该窗体发送到服务器、进行处理、然后返回到浏览器
HTML 控件与 Web 控件的区别—3
无状态性 客户端向服务器发送一个请求(譬如你在IE栏输入网址,回车),服务器接到请求,响应请求(处理事件),服务器完成处理后将生成的web页发送回浏览器,然后就清除该页的信息,释放服务器资源。服务再等待下一次请求,即使下一次是请求同一页,服务器重新开始创建和处理该页。服务器就是这样不停的重复这一过程。服务器不记录页面的状态或信息的特性我们就称之为“无状态性”
HTML 服务器控件的类型
HtmlButton
HtmlForm
HtmlImage
HtmlInputButton
HtmlInputFile
HtmlInputImage
HtmlInputRadioButton
HtmlInputText
HtmlTable
验证控件
为使用户更正输入错误或无效的数据,始终需要对用户输入的数据进行检查并显示错误消息
验证将由在客户端或服务器中运行的验证代码执行
提供了许多验证控件,用以检查输入并使验证数据更加简单方便
与其他服务器控件一样,验证控件也被添加在 页面中
可以自动验证客户输入的内容是否符合要求
验证控件功能