第6章 HTML控件和Web服务器

6.2 标准服务器端控件
6.2.1 ImageButton和HyperLink控件 ImageButton和HyperLink控件 2. HyperLink控件 HyperLink控件 双击HyperLink 超链接）控件在工具箱中的图标， 双击HyperLink（超链接）控件在工具箱中的图标，可将控件 HyperLink（ 添加到当前页面光标所在位置。HyperLink控件与标签控件很相似 控件与标签控件很相似， 添加到当前页面光标所在位置。HyperLink控件与标签控件很相似， 但该控件支持用户的单击事件，可以在控件中显示图片， 但该控件支持用户的单击事件，可以在控件中显示图片，可以指 定超链接的目标框架等特有属性。 定超链接的目标框架等特有属性。
6.2 标准服务器端控件
6.2.2 Image和ImageMap控件 Image和ImageMap控件 例6-1 2. ImageMap控件 ImageMap控件
利用ImageMap控件可以创建一个图像， 利用ImageMap控件可以创建一个图像，该图像包含任意数目 ImageMap控件可以创建一个图像 用户可以单击的区域，这些区域称为“作用点” 的，用户可以单击的区域，这些区域称为“作用点”。每一个作 用点都可以是一个单独的超链接或回发事件。ImageMap控件与其 用点都可以是一个单独的超链接或回发事件。ImageMap控件与其 他网页编辑工具（ Dreamware）提供的“热点地图”功能类似。 他网页编辑工具（如Dreamware）提供的“热点地图”功能类似。 ImageMap控件主要由以下两个部分组成： ImageMap控件主要由以下两个部分组成： 控件主要由以下两个部分组成 1) 显示于控件中的图像。它可是任何标准Web图形格式的图 显示于控件中的图像。它可是任何标准Web Web图形格式的图 .gif、 .png文件 该图像构成用户操作界面。 文件， 形，如*.gif、*.jpg 或*.png文件，该图像构成用户操作界面。 2) 隐藏在图像中的作用点集合。每个作用点控件都是一个不 隐藏在图像中的作用点集合。 同的Web元素。对于每个作用点控件，需要定义其形状（圆形、 Web元素 同的Web元素。对于每个作用点控件，需要定义其形状（圆形、矩 形或多边形）以及用于指定作用点位置和大小的坐标。例如， 形或多边形）以及用于指定作用点位置和大小的坐标。例如，如 果创建一个圆形作用点，则应定义圆心的x 坐标及圆的半径。 果创建一个圆形作用点，则应定义圆心的x、y坐标及圆的半径。
6.2 标准服务器端控件
6.2.3 RadioButton和RadioButtonList控件 RadioButton和RadioButtonList控件 1. 单选按钮控件（RadioButton） 单选按钮控件（RadioButton）
6.2 标准服务器端控件
6.2.3 RadioButton和RadioButtonList控件 RadioButton和RadioButtonList控件 2. 单选按钮组控件（RadioButtonList） 单选按钮组控件（RadioButtonList）
6.2 标准服务器端控件
6.2.1 ImageButton和HyperLink控件 ImageButton和HyperLink控件 ImageButton（图像按钮）、Image 图像） HyperLink（ ImageButton（图像按钮）、Image（图像）和HyperLink（超 ）、Image（ 链接）控件都可以在控件中显示图片， 链接）控件都可以在控件中显示图片，且都具有超链接跳转的功 能。 1. ImageButton控件 ImageButton控件
例6-2
6.2 标准服务器端控件
6.2.6 FileUpload控件 FileUpload控件 文件上传（FileUpload）控件，顾名思义是用于将文件从本地计 文件上传（FileUpload）控件， 算机上传到远程Web服务器的控件，使用该控件可替代ASP Web服务器的控件 ASP程序中 算机上传到远程Web服务器的控件，使用该控件可替代ASP程序中 常用FSO 文件系统对象）， FileUpload控件具有更高的效率和 FSO（ ），且 常用FSO（文件系统对象），且FileUpload控件具有更高的效率和 安全性。FileUpload控件在工具箱的图标为 安全性。FileUpload控件在工具箱的图标为 。 如图6 21所示，从外观上看FileUpload 如图6-21所示，从外观上看FileUpload控件有一个文本框和 FileUpload控件有一个文本框和 所示 一个【浏览】按钮控件组成， 一个【浏览】按钮控件组成，用户可直接在文本框中输入希望上 传的文件名（包括文件存放路径）。若用户在Web页面中单击控件 传的文件名（包括文件存放路径）。若用户在Web页面中单击控件 ）。若用户在Web 浏览】按钮时，系统将自动弹出一个“选择文件” 的【浏览】按钮时，系统将自动弹出一个“选择文件”对话框 类似与Windows Windows的 打开”对话框）， ），通过该对话框用户可根据 （类似与Windows的“打开”对话框），通过该对话框用户可根据 需要选择希望上传到远程Web服务器的文件。出于安全方面的考虑， Web服务器的文件 需要选择希望上传到远程Web服务器的文件。出于安全方面的考虑， 不能将文件名预先加载到FileUpload控件中。 FileUpload控件中 不能将文件名预先加载到FileUpload控件中。
6.2 标准服务器端控件
6.2.7 Table控件 Table控件 前面介绍过在Web页面中用于页面布局的HTML表格控件， 前面介绍过在Web页面中用于页面布局的HTML表格控件，那是 Web页面中用于页面布局的HTML表格控件 一种用于静态环境的布局工具。在工具箱“标准” 一种用于静态环境的布局工具。在工具箱“标准”选项卡中也有 一个Table控件， Table控件 这是一个Web服务器端控件， Web服务器端控件 一个Table控件，其图标为 。这是一个Web服务器端控件，使用该 控件可更易于编程， 控件可更易于编程，用户可通过程序代码方便地控制表格中显示 的内容及表格的行、列数。 的内容及表格的行、列数。 Tabel控件除了具有HTML表格的一般属性， Tabel控件除了具有HTML表格的一般属性，如BackImageUrl 控件除了具有HTML表格的一般属性 （背景图片）、BackColor（背景颜色）、BorderStyle（边框样 背景图片）、BackColor（背景颜色）、BorderStyle（ ）、BackColor ）、BorderStyle ）、BorderColor 背景颜色）、CellPadding（ BorderColor（ ）、CellPadding 式）、BorderColor（背景颜色）、CellPadding（单元格内间 ）、CellSpacing 单元格之间距离）、GridLines（ CellSpacing（ ）、GridLines 距）、CellSpacing（单元格之间距离）、GridLines（单元格框 ）、Width Width（ ）、Height Height（ 线）、Width（宽）、Height（高）等，还具有两个关键的子对象 TableRow和TableCell，前者用于创建和设置表格中的行， TableRow和TableCell，前者用于创建和设置表格中的行，后者用 于创建和设置表格中的列。通常可以通过TableCell对象的Text属 于创建和设置表格中的列。通常可以通过TableCell对象的Text TableCell对象的Text属 性从单元格读取，或向其中写入数据。 性从单元格读取，或向其中写入数据。 例6-4
6.2 标准服务器端控件
6.2.2 Image和ImageMap控件 Image和ImageMap控件 Image控件和ImageMap控件都是用于图片显示的控件。 Image控件和ImageMap控件都是用于图片显示的控件。 控件和ImageMap控件都是用于图片显示的控件 1. Image控件 Image控件
6.2 标准服务器端控件
6.2.4 CheckBox和CheckList控件 CheckBox和CheckList控件 CheckBox（复选框） CheckList（复选框组） CheckBox（复选框）与CheckList（复选框组）控件的作用十 分相似，都是用于向用户提供多选输入数据的控件。 分相似，都是用于向用户提供多选输入数据的控件。用户可以在 控件提供的多个选项中选择一个或多个。 控件提供的多个选项中选择一个或多个。被选中的对象中带有一 标记，CheckBox和CheckList控件的外观如图 15所示 控件的外观如图6 所示。 个“√”标记，CheckBox和CheckList控件的外观如图6-15所示。
第6章 HTML控件和Web服务器控件
本章讲述的主要内容
6.1 6.2 6.3 6.4 控件概述 控件概述 标准服务器端控件 数据验证控件 用户自定义控件
6.1 控件概述
6.1.1 HTML控件 HTML控件 HTML控件在默认情况下属于客户端（浏览器）控件， HTML控件在默认情况下属于客户端（浏览器）控件，服务器 控件在默认情况下属于客户端 无法对其进行控制。HTML控件是从HTML标记衍生而来的 控件是从HTML标记衍生而来的， 无法对其进行控制。HTML控件是从HTML标记衍生而来的，每个控 件对应于一个或一组HTML标记。例如，前面我们经常使用的HTML HTML标记 件对应于一个或一组HTML标记。例如，前面我们经常使用的HTML 表格控件，就是一个常用于页面布局工具的HTML控件， HTML控件 表格控件，就是一个常用于页面布局工具的HTML控件，如果不使 用工具箱中的控件，而直接在源视图中书写相应的HTML HTML代码也可 用工具箱中的控件，而直接在源视图中书写相应的HTML代码也可 以得到相同的效果，但使用控件可以节省大量的代码书写时间， 以得到相同的效果，但使用控件可以节省大量的代码书写时间， 且使操作变成了可视化的方式。 且使操作变成了可视化的方式。 HTML控件可以通过修改代码将其变成Web服务器端控件， HTML控件可以通过修改代码将其变成Web服务器端控件，几 控件可以通过修改代码将其变成Web服务器端控件 乎所有的HTML标记只要加上runat HTML标记只要加上 "server"， 乎所有的HTML标记只要加上runat = "server"，这个服务器控件 标识属性后都可以变成服务器端控件。这与普通HTML HTML标记相比最 标识属性后都可以变成服务器端控件。这与普通HTML标记相比最 大的区别在于，服务器端控件可以通过服务器端代码来控制。 大的区别在于，服务器端控件6.2.5 ListBox和DropDownList控件 ListBox和DropDownList控件 ListBox（列表框） DropDownList（下拉列表框） ListBox（列表框）和DropDownList（下拉列表框）控件也是 一种常见的用于向用户提供输入数据选项的控件，其外观如图6 一种常见的用于向用户提供输入数据选项的控件，其外观如图615和图 16所示 和图6 所示。 15和图6-16所示。