第3章HTML 服务器控件.ppt

第3章 HTML 服务器控件 3.1 实训项目一 一般控件 3.1.1实训目的与要求 了解ASP.NET中控件的概念和种类。 掌握一般控件的使用。 掌握html控件与web控件的区别与联系 实训预备知识 3.1.2实训预备知识 对于使用HTML进行网页设计的人来说，应该对简单的HTML控件比较熟悉了，比如文本框、按钮、复选框等。使用这些控件可以设计基于WINDOWS风格的可视化的操作界面，是实现页面外观显示的最基本的元素，也是进行ASP开发必须要掌握的基本内容之一。 A中包含了两大类控件，即HTML控件和web服务器控件。HTML控件由原来的HTML标签加上runat=server属性所构成的，它展示给服务器的是HTML元素，可以更好的提高编译效率。 WEB控件是一个带抽象、加强型对象模板的服务器端控件，它不仅可以包括表单型控件，如Ｌabel和TextBox，还包括类似于ＶＢ控件那样的专用控件，如日历控件。ASP.NET在普通的HTML控件的基础上提出了HTML服务器控件的概念。简单的说，服务器控件是在普通的HTML控件基础上产生的、可直接应用于服务器端编程的HTML控件。 下面的语句声明了一个HTML服务器端控件： 下面的语句声明了一个HTML服务器端控件： input type=”submit” id=submit value=”submit” onserverclick=”button_click” runat=”server” 下面的语句声明了一个普通的HTML控件： input type=”submit” name=”submit” value=”submit” onclick=”button_click” 通过这两种语句形式的对比，我们可以发现声明一个普通的HTML控件和声明一个HTML服务器控件的不同： 服务器控件用id属性代替了普通控件的name属性; 服务器控件用onserverclick属性代替普通控件的onclick属性; 服务器控件的声明多了一个runat属性。 下面分析这些不同点的原因： id属性是标识服务器控件的唯一标志，通过它可以象引用一个对象一样直接在服务器端去引用服务器控件。 用onserverclick属性代替onclick属性，表明响应按钮的单击事情是在服务器端进行的，而不是在客户端。 多出的runat=”server”属性是说明该控件为服务器控件，这是区别html控制件是服务器控件还是普通控件的唯一方法。 从上面的分析看出，它们之间使用的区别。 常见的ＨＴＭＬ控件及说明如表3.1所示。 那么为什么要使用服务器端控件呢？ ASP.NET中包含了两大类控件，即HTML控件和WEB服务器端控件。1．HTML控件是由原来的HTML标签加上runat=server属性所构成的，它展示给服务器的是HTML元素，可以更好的提高编译效率。HTML控件是以HTML标记为基础而衍生出来的，WEB控件则是ASP。NET针对HTML控件的不足而新增加的控制元件。2．WEB控件是一个带抽象、加强型对象模板的服务器端控件。 一般控件用来执行那些不直接表现出来的未知的HTML控件标识。很多HTML标签被 包括在本控件中，如div,span,body,ul,ol,br,body,hr等。一般控件的基本属性： 默认情况下，ASP.NET 文件中的 HTML 元素被视为文本，并且页面开发人员不能以编程方式访问。若要使这些元素能够以编程方式访问，可以通过添加 runat=server 属性，指示应将 HTML 元素作为服务器控件分析和处理。唯一的 id 属性允许以编程方式引用该控件。属性用于声明服务器控件实例上的属性参数和事件绑定。HTML 服务器控件必须驻留在具有 runat=server 属性的包含 form 标记中。 ASP.NET 不要求文本（非动态的）HTML 内容的格式正确，但它确实要求所有 HTML 元素要正确结束（用一个后缀“/”或结束标记）和干净地嵌套（不允许出现重叠标记）。如果没有正确结束 HTML 元素，ASP.NET 将无法识别该元素。该元素将被忽略或者将发生编译错误，具体取决于该元素的构成方式。 可以用三种不同的方法创建任意 Web 窗体控件的实例：作为 HTML 文档中的元素创建；在应用程序快速开发 (RAD) 环境中创建，该环境允许您将控件拖到页上；或以编程方式在代码声明块或代码隐藏文件中创建。 3.1.3实训步骤 1.打开文本编辑器，在程