推荐-HTML控件和Web服务器控件 精品

第5章 HTML控件和Web服务器控件在中，一切都是对象。

Web页面就是一个对象的容器。

那么，这个容器可以装些什么东西呢？这一节我们学习HTML控件和Web服务器端控件，叫做Control。

这是Web页面能够容纳的对象之一。

Control是一个可重用的组件或者对象，这个组件不但有自己的外观，还有自己的数据和方法，大部分组件还可以响应事件。

通过微软的集成开发环境(Visual 2003)，可以简单地把一个Control拖放到一个Form中。

为什么会有HTML控件和Web服务器端控件之分呢？这是因为一些Control是在服务器端存在的。

服务器端控件有自己的外观，在客户端浏览器中，Server Control的外观由HTML 代码来表现。

Server Control会在初始化时，根据客户的浏览器版本，自动生成适合浏览器的HTML代码。

5.1 HTML控件HTML控件由HTML标记衍生而来，HTML控件在外形上与普通的HTML标记很相似，几乎所有的HTML标记加上runat="Server"这个Server控件的标识属性后，都可以变成HTML 控件。

它们之间最大的区别就是HTML可以通过服务器端的代码来控制。

下面以一个超级链接控件(HtmlAnchor)为例来看一下。

可以在WebForm1.aspx上定义一个HtmlAnchor控件：<a href= "/china" Target="_blank" runat="server">欢迎来到微软中国</a>上面的这段代码就是定义的一个HTML控件，它与普通的<a></a>标记相比，区别仅仅是添加了runat="server"属性。

5.1.1 HTML控件的优点ASP允许我们在服务器上使用组件，这些组件能够产生反馈给用户的页面。

验证控件包含在Web窗体工具箱中，其作用是判 断用户输入的信息是否符合规定。页面 将用户输入信息传递给一个或多个适当的验证控 件上，控件将测试用户输入并设置表示输入是否 通过测试的属性。设置多个验证控件以后，如果 任何一个控件显示验证检查失败，则都不能往后 执行代码，整个页面都将无效。





“电子邮件”对应的RegularExpressionValidator控 件属性设置如下： Display：None ErrorMessage：电子邮件格式错误！ ControlToValidate：tbemail ValidationExpression：这项选择：Internet 电子邮 件地址 ID：checkEmail
本章将详细介绍功强大的 服务器控件

5.1 HTML服务器控件 5.2 Web服务器控件 1验证控件概述 5.3 验证控件 2验证控件的具体使用举例 5.4 用户控件 实验 1用户控件概述 习题5
2用户控件的使用

验证控件作为Web控 件的一部分，因其特 殊的作用，而赋予了 验证控件的名称，选 择工具箱的Web窗体 ，在下面位置可以看 到验证控件相关的几 个控件。


6．添加ValidationSummary控件 最后在页面下方拉入一个ValidationSummary控件 以显示错误总集，以及一个Label控件显示所有资 料填写符合标准时的提示，将Label控件的ID设为 Label1，Text属性清空。

Байду номын сангаас
6．设计“确认”控件的事件代码 双击“确认”按钮，进入到该按钮的触发函数的编辑，在 该函数中输入以页面初始语句，具体代码如下所示。

HTML页面中用户的数据必须通过表单来提交。 HTML的表单是用<form>标记定义的。 • <form>标记是一个容器控件，它不显示任何信息，只表 示在<form>标记和</form>标记之间定义的控件中输入的 数据是可以返回到Web服务器中相应的程序进行处理的。 如果不定义表单，就不能实现用户输入数据的提交。

Label 的属性和事件
Label 的属性： 属性名称 Text 说明 获取或设置 Label 控件中 的数据
TextChanged 事件 – 用户输入信息后离开 TextBox Web 服务器控件时，控件引发程序员可以处理的此事件。
TextBox 的属性和事件
属性名称
Text
说明 获取或设置 TextBox 控件中的数据 显示模式：单行、多行或密码文本
扩展的HTML控件

中对HTML控件的扩展主要在于 增加了一个runat =server属性和一个 OnServerClick属性，指明当单击这个链接 的时候，可以产生什么样的事件。
InputButton控件



这 个 控 件 其 实 就 是 对 < input type=button | submit | reset>控件的扩展。 惟一不同的地方是，这个控件没有OnClick 事件，而是使用OnServerClick事件来表明 单击这个按钮时所产生事件的处理方法。 03-05.aspx
<form action="03-02.aspx" method="post"> 用户名<input type=text name=userid><br> <input type=submit name=yes value="提交"><br> </form>

30个WEB UI基本控件通过特里萨尼尔作为条例草案在先前的帖子中提到，我们不希望这个博客仅仅限制的原则和模式发现在书里。

为此，您可以看看我们的探索图书节。

这是一个为RIA的模式和设计原则三部分组成的系列的第二篇文章。

标准屏幕模式：12模式w/100例子基本控制：30为RIA设计和开发控制通常要求的功能部件：15的模式和范例每个设计师有他们的一套控制到一个有效的沟通界面依赖。

这是我的基本控制库。

不幸的是，没有单一的放射免疫法的框架内提供所有这些30。

所以，我的清单，其中包括提供每个控制框架。

此外，如果您有一个或更正，请给我发电子邮件，我将发布一个更新的框架/控制矩阵。

LivePipeUI，审查该框架包括：Flex的，拉兹洛，Silverlight和Ajax框架和工具包12：ExtJS 的，道场，锐，谷歌Web工具包，原型/ 和jQuery，MooTools的，MochaUI，SproutCore，资讯轧机，Backbase公司。

01。

自动推荐谷歌的自动完成技术支持：Flex的，拉兹洛，ExtJS的，道场，锐，谷歌Web工具包，原型/ 和jQuery，MooTools的，MochaUI，资讯密尔，Backbase公司，Silverlight的。

02。

旋转木马（如Coverflow变化）原型部件旋转木马旋转木马技术支持：锐，原型/ ，JQuery的，ITMill，Backbase公司，iCarouselCoverflow MediaEvent服务的Slideflow技术支持：Flex的，原型/ ，JQuery的，MooTools的，对Silverlight的RadControls03。

图表和图形图表图表的细节功能，如先进的盘旋，钻取，滚动窗口，切换意见...技术支持：Flex的，拉兹洛，道场，锐，谷歌Web工具包，原型/ ，JQuery 的（SWF文件/图表）， MooTools的，MochaUI，Backbase公司，Silverlight的，AnyChart，登打士，JPowered，JFreeChart的，OpenFlashCharts，弗洛，Plotr，PlotKit，WebFX，AjaxMcGraph，测量图。