目录
控件:图形用户界面(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表示不占用。