ASNET动态网站开发服务器控件.ppt

第3章 服务器控件 讲解提纲 3.1 控件简介 3.2 HTML服务器控件 3.3 WEB服务器控件 3.4 验证控件 3.5 用户控件 3.6 对控件的高级操作 本章要点 理解什么是控件及控件的属性、事件和方法 掌握基本的HTML服务器控件的使用 文本框、单选框、复选框、下拉列表框、文本区域、按钮等 熟练掌握利用文件控件上传文件 掌握基本的Web服务器控件的使用 文本框、单选框、复选框、下拉列表框、文本区域、按钮、日历控件等 掌握验证控件的使用等 会制作一个简单的用户控件 3.1 控件简介 什么是控件？ 控件的声明及属性、事件和方法 Web表单的工作原理 控件的分类 3.1.1 什么是控件 不仅仅是页面上的表单元素。 ASP.NET是想将页面上所有的内容都用控件表示。 3.1.2 控件的声明及属性、事件和方法 声明控件的第1种方法 asp:Label id=message Text=欢迎大家 runat=server/ asp:Button id=enter Text=确定 onClick=Enter_Click runat=server / 声明控件的第2种方法 asp:Label id=message runat=server欢迎大家/asp:Label asp:Button id=enter Text=确定 onClick=Enter_Click runat=server /asp:Button 控件示例 3.1.3 Web表单的工作原理 第1步 第2步 第3步 特别注意： 每一次运行时都要从头到尾执行着整个文件 在第3步中仍然要首先执行Page_Load过程，然后才执行Enter_Click过程，然后继续执行HTML代码部分。 3.1.4 控件的分类 控件的类型 HTML服务器控件 Web服务器控件 验证控件 用户控件 使用控件的原则 3.2 HTML服务器控件 这一类控件是主要是为了保留原来的HTML元素标记。一般和原来的HTML标记一一对应，只是增加了runat=“server”。 常见的有：HtmlForm, HtmlButton, HtmlInputButton, HtmlInputCheckBox, HtmlInputRadioButton, HtmlInputText, HtmlSelect, HtmlTextArea Microsoft快速示例中有全部控件示例 /quickstart/aspplus/doc/webcontrolsref.aspx#htmlctrls 3.2.1 HtmlForm（Web表单） 它其实就是一个容器，用来盛放其它表单控件。 form id=控件名称 runat=server / …… /form 3.2.2 HtmlInputText（单行文本框和密码框） input id=控件名称 type=text | password maxlength=整数，表示输入最大的字符数 size=整数，表示文本框的宽度 value=文本框中的文字 runat=server / 3.2.3 HtmlTextArea（多行文本框） textarea id=控件名称 cols=整数值，显示的列数 rows=整数值，显示的行数 value=多行文本框中的文字 runat=server / 3.2.4 HtmlInputHidden（隐藏控件） input id=控件名称 type=hidden value=隐藏框中的文字 runat=server / 3.2.5 HtmlInputRadioButton（单选框） input id=控件名称 type=radio value=单选框的值 name=组的名称 checked=True | False runat=server / 单选框示例 3.2.6 HtmlInputCheckBox（复选框） input id=控件名称 type=checkbox value=复选框的值 checked=True|False runat=server / 复选框示例 3.2.7 HtmlSelect（下拉列表框） select id=控件名称 size=整数值，表示显示的行数 runat=server option value=“选项值1”选项1 /option option value=“选项值2”选项2 /option /select 下拉列表框示例 3.2.8 HtmlGenericControl（一般控件） body | span | div | … id=控件名称 runat=server / 显示的HTML