[web控件和html控件.pptVIP

第3章 Web服务器控件 学前提示 本章中会介绍各种ASP.NET控件的基本概念，并详细介绍HTML控件和Web控件的使用方法。这两种控件是创建Web应用程序的基础，在创建Web应用程序的过程中会大量使用到各种类型的Web控件。 知识要点 HTML控件的基本使用方式 基本Web控件的使用 输入验证控件的使用 导航控件与站点配置文件 3.1 HTML控件 早期的Web开发只能够使用HTML开发Web页面，这种HTML标签给开发过程带来了许多不便，比如无法利用程序直接控制HTML标签的属性、使用方法和接收事件等，只能借助于网页脚本语言（如JavaScript等）来间接地控制HTML标签。 HTML服务器控件由普通HTML标签转换而来，既可以保留原来的HTML标签使用方法，也可以把它转换成服务器控件从而直接在程序中控制，在页面中呈现的外观基本上与普通HTML标签一致。 转换方法：向 HTML 标签添加 runat=“server” 属性。 例如：input id=Button1 type=button runat=server value=提交 /。 HTML标签和HTML服务器控件之间的区别：HTML服务器控件运行于服务器端，而HTML标签运行于客户端。 3.1.1 HTML控件的结构 所有HTML服务器控件都是从System.Web.UI.Control类派生而来的，并且都包含在System.Web.UI.HtmlControls命名空间中。 如下图所示为HTML服务器控件的对象层次结构。 3.1.2 HTML控件的常用属性 所有HTML控件共享的属性如表3-1所示。 3.1.2 HTML控件的常用属性 所有的HTML控件还共享表3-2中列出的属性。 3.1.2 HTML控件的常用属性 HtmlTableCell、HtmlTable、HtmlTableRow、HtmlButton、HtmlForm、HtmlAnchor、HtmlGenericControl、HtmlSelect 和 HtmlTextArea控件共享表3-3所示的属性。 3.1.3 基础HTML控件 1. HtmlButton控件 这个控件用于实现HTML中的按钮控件功能，并且在Microsoft Visual Studio 2008提供了增强的智能化功能 HtmlButton控件在工具箱中的位置如图3-2所示。 2. HtmlImages控件 该控件为在网页中插入图片提供了拖动控件方式的实现。该控件的功能有限，主要提供图片插入功能。 工具箱中该控件的位置如图3-8所示。 3.1.4 TextArea控件 ASP.NET中的TextArea控件提供一个多行文本输入框。TextArea控件的宽度由Cols属性决定，高度由Rows属性决定。 工具箱中该控件的位置如图3-12所示。 TextArea控件属性面板中包含的属性较少，最重要的是ID和Cols属性，Cols属性决定TextArea控件的宽度，如图3-14所示。 ID和Name的区别 为什么HTML控件中有ID和NAME这两个属性？ 答：ID就是Client端HTML元素的Identity。而Name其实要复杂的多，因为Name有很多种的用途，所以它并不能完全由ID来代替，从而将其取消掉。 用途1: HTML元素Input type=‘radio’分组，我们知道radio button控件在同一个分组类，check操作是mutex的，同一时间只能选中一个radio，这个分组就是根据相同的Name属性来实现的。 用途2: 建立页面中的锚点，我们知道a href=“URL”link/a是获得一个页面超级链接，如果不用href属性，而改用Name，如：a name=“PageBottom”/a，我们就获得了一个页面锚点。 用途3: 作为对象的Identity，如Applet、Object、Embed等元素。比如在Applet对象实例中，我们将使用其Name来引用该对象。 用途4: 作为可与服务器交互数据的HTML元素的服务器端的标示，比如 input、select、textarea、和button等。我们可以在服务器端根据其Name通过Request.Params取得元素提交的值。 用途5: 在IMG元素和MAP元素之间关联的时候，如果要定义IMG的热点区域，需要使用其属性usemap，使usemap=#name(被关联的MAP元素的Name)。 用途6: 某些特定元素的属性，如attribute，和param。例如为Object定义参数PARAM NAME = appletParameter VALUE = value。 3.2 Web控件 ASP.NET服务器控件包