ASP.NET动态网站开发教程（第二版） 清华大学出版社ASP.NET动态网站开发教程（第二版） 清华大学出版社第5章 服务器控件Date1ASP.NET动态网站开发教程（第二版） 清华大学出版社l理解什么是控件及控件的属性、事件和方 法l掌握基本的HTML 服务器控件的使用l掌握基本的Web 服务器控件的使用l掌握验证控件的使用教学目标Date2ASP.NET动态网站开发教程（第二版） 清华大学出版社第5章 服务器控件l5.1控件简介l5.2HTML 服务器控件l5.3Web 服务器控件l5.4验证控件Date3ASP.NET动态网站开发教程（第二版） 清华大学出版社5.1 控件简介5.1.1 控件的分类 5.1.2 在页面中添加HTML服务器控件 5.1.3 在页面中添加Web服务器控件 5.1.4 以编程方式添加服务器控件 5.1.5 设置服务器控件属性Date4ASP.NET动态网站开发教程（第二版） 清华大学出版社5.1.1 控件的分类lASP.NET提供了两大类服务器控件： HTML 服务器控件和Web 服务器控件。lHTML 服务器控件是由 System.Web.UI.HtmlControls类实现的， 它其实就是HTML标记的可编程版本。这部 分控件基本对应了传统的HTML标记，简单 地说，任何 HTML标记都可以通过添加属 性 runat=“server“ 来转换为 HTML 服务器 控件 Date5ASP.NET动态网站开发教程（第二版） 清华大学出版社5.1.1 控件的分类lWeb 服务器控件是由System.Web.UI. WebControls类实现的，它并不和HTML 标记一一对应。Web 服务器控件比HTML 服务器控件具有更多的内置功能。 l按照功能区分，Web 服务器控件还可以 分为标准控件、数据控件、验证控件、导 航控件、登陆控件、Web部件控件以及其 他辅助安装的自定义控件等。Date6ASP.NET动态网站开发教程（第二版） 清华大学出版社5.1.2 在页面中添加HTML服务器 控件l给HTML标记添加runat=“server”属性， 该标记就变成了HTML 服务器控件。 比较如下的代码： 添加服务器端属性之后的代码如下所示：可以看到，只是在该控件中添加了一个 runat=“server”的属性。Date7ASP.NET动态网站开发教程（第二版） 清华大学出版社5.1.3 在页面中添加Web服务器 控件 l添加Web服务器控件有两种方式，可以通 过工具箱选择待添加的控件，然后直接将 该控件拖到需要添加的页面位置，也可以 直接进入页面的源视图，通过HTML语法， 直接将该控件添加到页面的相应位置。Date8ASP.NET动态网站开发教程（第二版） 清华大学出版社5.1.4 以编程方式添加服务器控 件 l除了前面介绍的通过页面直接添加的方法 之外，还可以在页面后台的cs代码文件中 进行添加。以编程方式进行添加需要先构 造出该控件的一个实例，然后再对控件的 实例属性进行设定。 Date9ASP.NET动态网站开发教程（第二版） 清华大学出版社5.1.5 设置服务器控件属性l在ASP.NET中，可以通过三种方式来设 置服务器控件的属性，分别是通过“属性” 对话框直接设置；在控件的HTML代码中设 置；或者通过页面的后台代码以编程的方 式指定控件的属性。Date10ASP.NET动态网站开发教程（第二版） 清华大学出版社5.2 HTML 服务器控件l5.2.1 HTML 服务器控件的公共属性l5.2.2 HTML 服务器控件的使用Date11ASP.NET动态网站开发教程（第二版） 清华大学出版社5.2.1 HTML 服务器控件的公共属 性因为所有的HTML 服务器控件都派生于同 一个基类System.Web.UI.HtmlControls， 所以它们具有公共的属性。表5-2列出了所 有 HTML 控件共享的属性。Date12ASP.NET动态网站开发教程（第二版） 清华大学出版社Attributes获取在选定的 ASP.NET 页中的服务器控 件标记上表示的所有属性名称/值对Disabled获取或设置一个布尔值，该值指示在浏 览器上呈现 HTML 控件时是否包含 disabled 属性。若包含该属性将使该 控件成为只读控件Style获取被应用于 .aspx 文件中的指定 HTML 服务器控件的所有级联样 式表 (CSS) 属性TagName返回元素的名称，如a或divVisible获取或设置一个布尔值，该值指示 HTML 服务器控件是否显示在页面上Date13ASP.NET动态网站开发教程（第二版） 清华大学出版社5.2.2 HTML 服务器控件的使 用至此，我们已经了解了HTML 服务器控件 的工作方式，了解了它们的属性。下面将 HTML 服务器控件分为三组，分别予以详 细讨论。Date14ASP.NET动态网站开发教程（第二版） 清华大学出版社1.通用控件lHtmlGeneric控件是一个公共控件。对于 没有对应的特定控件的HTML元素（如 、等）， HtmlGeneric控件为它们提供了一种 ASP.NET服务器控件实现。语法为：HTML代码Date15ASP.NET动态网站开发教程（第二版） 清华大学出版社1.通用控件lHtmlAnchor控件。 HtmlAnchor控件用来向文档添加一个超链 接。语法为：超链接文本或图像Date16ASP.NET动态网站开发教程（第二版） 清华大学出版社1.通用控件lHtmlImage控件。 HtmlImage控件呈现由HTML标记 中的src属性指定的图像文件。在页面的源 代码中，用于创建这个服务器控件的语法 为：Date17ASP.NET动态网站开发教程（第二版） 清华大学出版社1.通用控件lHtmlForm控件。 利用HtmlForm控件创建一个窗体，在创建 ASP.NET交互式页面时通常使用该控件。 语法为：表单控件 Date18ASP.NET动态网站开发教程（第二版） 清华大学出版社2.输入控件lHtmlButton控件。语法为：按钮文本或图像 Date19ASP.NET动态网站开发教程（第二版） 清华大学出版社2.输入控件lHtmlInputButton控件。语法为：Date20ASP.NET动态网站开发教程（第二版） 清华大学出版社2.输入控件lHtmlInputText控件和 HtmlInputPassword控件。语法为：Date21ASP.NET动态网站开发教程（第二版） 清华大学出版社2.输入控件lHtmlInputRadioButton控件用于创建单 选框，语法为：表4-1 按钮控件的比较Date22ASP.NET动态网站开发教程（第二版） 清华大学出版社2.输入控件lHtmlInputCheckBox控件。 语法为：Date23ASP.NET动态网站开发教程（第二版） 清华大学出版社2.输入控件lHtmlInputImage控件 语法为：Date24ASP.NET动态网站开发教程（第二版） 清华大学出版社2.输入控件lHtmlInputFile控件。语法为：Date25ASP.NET动态网站开发教程（第二版） 清华大学出版社2.输入控件lHtmlInputHidden控件 语法为：Date26ASP.NET动态网站开发教程（第二版） 清华大学出版社2.输入控件lHtmlSelect控件。语法为：选项1 选项2 Date27ASP.NET动态网站开发教程（第二版） 清华大学出版社3.表控件l用来生成表的控件有三个：HtmlTable控 件、HtmlTableRow控件和HtmlTableCell 控件。首先在页面上声明一个 HtmlTable 控件。然后，将 HtmlTableRow 对象放置 在 HtmlTable 控件的开始和结束标记之间 （对于表中所需的每一行放置一个 HtmlTableRow对象）。定义表中的行之后 ，再声明位于每个 HtmlTableRow 对象的 开始和结束标记之间的 HtmlTableCell对象 以创建该行的单元格。Date28ASP.NET动态网站开发教程（第二版） 清华大学出版社5.3 Web 服务器控件l5.3.1 基本的Web 服务器控件l5.3.2 ASP.NET列表控件Date29ASP.NET动态网站开发教程（第二版） 清华大学出版社5.3.1 基本的Web 服务器控件lASP.NET 3.5提供了62个Web 服务器控 件l每个Web 服务器控件都有前缀asp，以表 明它们来自于同一个命名空间 System.Web.UI. WebControls。并且 Web 服务器控件全都运行于服务器端，所 以必须显示声明runat=“server“。Date30ASP.NET动态网站开发教程（第二版） 清华大学出版社1.Label（标签）控件使用 Label 控件可以在页面上的固定位置 显示文本。与静态文本不同，可以通过设 置 Text 属性来自定义所显示的文本。语法 为：Date31ASP.NET动态网站开发教程（第二版） 清华大学出版社2.HyperLink（超链接）控 件这个控件为创建超链接提供了一种简便的 方法。语法为：Date32ASP.NET动态网站开发教程（第二版） 清华大学出版社3.TextBox（文本框）控件语法为：Date34ASP.NET动态网站开发教程（第二版） 清华大学出版社4.Image（图像）控件Date35ASP.NET动态网站开发教程（第二版） 清华大学出版社5.RadioButton（单选框） 控件Date37ASP.NET动态网站开发教程（第二版） 清华大学出版社6.CheckBox（复选框）控 件Date38ASP.NET动态网站开发教程（第二版） 清华大学出版社7.Button（按钮）控件Date39ASP.NET动态网站开发教程（第二版） 清华大学出版社8. LinkButton（超链接按钮）控 件 语法为：Date40ASP.NET动态网站开发教程（第二版） 清华大学出版社9.ImageButton（图像按钮） 控件语法为：Date41ASP.NET动态网站开发教程（第二版） 清华大学出版社10. Panel（面板）控件其它控件Date42ASP.NET动态网站开发教程（第二版） 清华大学出版社11. Tab