WEB——服务器控件

一、标准服务器控件
- 1.Label
- 2.TextBox
- 3.Button族
- 4.HyperLink
- 5.ListBox
- 6.DropDownList
- 7.ImageMap
- 8.Table
- 9.FileUpload
- 10.Panel
二、验证控件
- 1.RequiredFieldValidator
- 2.CompareValidator
- 3.RegularExpressionValidator
- 4.RangeValidator
- 5.ValidationSummary
- 6.CustomValidator
- 7.图片或声音用作验证信息提示
- 8.验证相关的常用属性

控件：图形用户界面(Graphical User Interface, GUI)的一种对象。是一种用户可与之交互完成特定功能的组件对象。

主要分为HTML服务器控件和Web服务器控件两种。

一、标准服务器控件

1.Label

注意：没有点击触发事件

2.TextBox

一般可将TextBox控件用于编辑文本，但也可通过设置其属性值，使其成为只读控件。

3.Button族

1、LinkButton控件又称超级链接按钮控件，主要以超链接形式显示。常用的属性为PostBackUrl。
2、ImageButton控件常用的属性为ImageUrl、AlternateText（指定的图像不可用时，显示的文本）

4.HyperLink

1、HyperLink又称超级链接控件，主要是将一些文本显示为链接模式，等同于<a href=””>功能。HyperLink与其它Web服务控件最大区别在于当用户单击HyperLink控件时并不会在服务器代码中引发事件，该控件只实现导航功能。
2、常用的属性为NavigateURL（要链接到的网页地址）Target（下一个框架或窗口显示的样式)

5.ListBox

若列表项的总数超出可以显示的列数，则ListBox控件会自动添加滚动条。

6.DropDownList

又叫下拉菜单，主要是让用户从下拉列表选择一项。只允许用户每次从列表中选择一项。而且只显示框中的选定项。

7.ImageMap

ImageMap控件允许在图片中定义一些热点（HotSpot）区域。当用户单击这些热点区域时，将会引发超链接或单击事件以实现导航功能。
（1）准备工作

（2）
关于imageMap.aspx

imageUrl:~/图片/地图.png

Hotspots 是HotSpot对象的集合，

8.Table

Table控件除本身已对象化之外，其包含的行和单元格也对象化了。每个Table对象可以包含多个TableRow对象，同时TableRow对象由可以包含多个TableCell对象。自动生成表格时，需要发回服务器端重新构造单元格，然后再向客户端输出结果。

9.FileUpload

主要功能是上传文件到服务器。

该控件提供一个文本框和一个浏览按钮，用户可以在文本框中输入完整的文件路径，或者单击浏览按钮从客户端选择需要上传的文件，然后在服务器中调SaveAs方法可以保存上传的文件，也可以通过FileContent属性获取需要上传的Stream对象，通常把Stream对象保存到数据库。

FileUpload控件不会自动上传文件，必须设置相关的事件处理程序，并在程序中实现文件上传。

(默认情况下可上传的最大文件为4M。要在.cs中引入命名using System.IO，用于在服务器端操作文件目录)

10.Panel

Panel控件是一个容器控件。该控件作为页面上其他控件的容器，可以对其他控件进行分组，可以将多个控件放入一个Panel控件中，作为一个单元进行控制。

Panel控件支持样式设置，可以设置控件的背景色前景色等。
1.其Direction属性指定了在控件内的子控件的文本排列方向。
2.其DefaultButton属性指定某一按钮，在Panel控件内的任意子控件中按下Enter键时将引发此按钮的Click事件。

二、验证控件

由于用户提交的数据通过客户端（浏览器）发送到服务器端，所以数据验证可分为客户端验证和服务器端验证两种方式。

1.客户端验证：通过JavaScript等脚本语言编写，在数据提交到服务器之前在客户端进行验证。
2.服务器端验证：通过C#等高级语言编写，在数据提交到服务器之后在服务器端进行验证。
3.为了提高网站整体的安全性，一般采用客户端和服务器端相结合的方式。

例子

1.RequiredFieldValidator

该控件用于检查控件的值是否与初始值不同。该控件可用于TextBox、DropDownList、ListBox、RadioButtonList等控件。

2.CompareValidator

该控件用于比较一个控件的值和另一个控件的值，若比较的结果为true则验证通过；也可用于比较一个控件的值和一个指定的值，若比较的结果为true则验证通过；CompareValidator控件还可以用来进行类型检测。

3.RegularExpressionValidator

该控件用来验证输入值是否和正则表达式的定义相匹配，常用来验证电话号码、邮政编码、E-mail等。

正则表达式是对字符串操作的一种逻辑公式，就是用事先定义好的一些特定字符、及这些特定字符的组合，组成一个“规则字符串”，用来表达对字符串的一种过滤逻辑。

常用正则表达式：

4.RangeValidator

该控件用于验证输入的值是否在制定范围内。

5.ValidationSummary

验证组控件能够对同一页面的多个控件进行验证。同时，验证组控件通过ErrorMessage属性为页面上的每个验证控件显示错误信息。

6.CustomValidator

当现有的验证控件无法满足开发人员的需求时，可以通过该控件自行编写验证函数。

7.图片或声音用作验证信息提示

1.采用图片提示验证失败。
将验证控件的属性窗口将其Text属性设置为
<img src=”error.gif”>。
2.采用声音提示验证失败。
将验证控件的属性窗口将其Text属性设置为<embed hidden=”true” src=”error.wav”>,同时将EnableClientScript属性设置为False。

8.验证相关的常用属性

1.SetFocusOnError属性
默认值是False。如果设置为True，表示若此验证控件验证失败，则该验证控件的ControlToValidate属性设置的被验证控件将自动获得焦点。
2.CausesValidtion属性
默认值是True，表示执行验证。增加“取消”按钮，将CauseValidation属性设置为False，表示单击该Button不执行验证。
3.ValidationGroup属性
可以让同一网页上的不同功能模块分别进行验证而互不干扰。方法是将统一功能模块内的验证控件和Button控件设置同样的ValidationGroup属性。
4.Display属性
该属性可设置当验证通过时验证控件是否占用页面位置。static表示占用，Dynamic表示不占用。