ASP.NET入门教程 3.5.1 标准控件

    很多ASP NET服务器控件都对应于HTML的元素 所以就存在文本框 按钮 超链接和下拉列表框等服务器控件 这些控件和它们的最终显示形式看起来是一样的 但是前者的功能要多得多 每个控件都有一组通用的属性（例如 它们都拥有ID属性 而诸如文本框 标签等控件都拥有Text属性） 这使得在代码中处理这些控件时比较容易 本章前面己经列出控件的不同类型 在浏览可以添加到站点的服务器控件时可以专注于其中最常用的控件

    这些控件是在使用Windows应用程序时遇到的各种工具的Web对等物 包含这些控件的网页和标准应用程序给我们的感觉很相似 所以在页面中添加这些控件的过程非常容易 下面是一些最常用的控件

    &# ;TextBox控件 用于在页面上输入文本 常见于购物站点的订单表格 或站点的登录页面     &# ; Button控件 从提交订单到修改站点的个人设置 单击页面上的按钮通常会促使信息传递到服务器 而服务器会对这些信息做出反应并显示一个结果     &# ; Label控件 用于在页面的特定位置显示简单的文本 使用Label控件可以根据用户的交互容易地修改页面某个部分的文本     &# ; Hyperlink控件 用于在页面上提供超链接功能 这个功能允许导航到站点的其他页面 或者导航到Internet上的其他资源     &# ; Image控件 用于在页面上显示 根据用户的输入 服务器可以修改在控件中显示的具体     &# ; DropDown List控件 用于向用户提供一个可选择的选项列表 该列表在没有使用时会折叠起来以节省空间     &# ; Listbox控件 用于提供一个大小固定的选项列表     &# ; CheckBox和Radio Button控件 用于选择可选的附加信息 具体形式分别是yes/no 和 多选一

    在下一章将学习使用该工具管理用户账户 在这个画面中能够看到很多上面介绍的控件

    页面上的Search by:标签很可能是一个Label控件 接下来是一个DropDownList控件 for:标签后面是一个TextBox控件 再后面是一个Button控件 在每个用户名的前面都有一个CheckBox控件 用于选择用户 还有一些HyperLink控件用于管理用户账户 在下一章中 您对这个配置应用程序将会非常熟悉 它是在一个页面上有多种控件的经典示例

lishixinzhi/Article/program/net/201311/14763

第4章 服务器控件41 服务器控件概述
411 服务器控件分类
ASPNET的Server控制组件分为两种：HTML控制组件和Web控制组件。
412 服务器控件属性、事件和方法服务器控件是ASPNET的特定对象，每一个控件都具有特定的属性、事件和方法
413 服务器控件层次结构 ASPNET服务器控件是从SystemWebUIControl直接或间接派生的。ASPNET服务器控件的主要作用是提供用户界面。服务器控件层次结构如图所示。 42 HTML服务器控件
421 HTML服务器控件的层次结构 HTML服务器控件的主要功能是在Web页面上管理控件。图显示了HTML服务器控件的层次结构HTML服务器控件提供以下功能：
1可在服务器上使用熟悉的面向对象技术对其进行编程的对象模型。
2提供一组事件，可以为其编写事件处理程序，方法与在基于客户端的窗体中大致 相同，所不同的是事件处理是在服务器代码中完成的。
3在客户端脚本中处理事件的能力。
4自动维护控件状态。
5与验证控件进行交互，便于验证用户是否在控件输入了适当的信息。
6数据绑定到一个或多个控件属性
7 直接可用的自定义属性。
422 HTML控件的基本语法 HTML控件的基本语法： <HTML标记 Id=“控件名称” Runat=“Server”>
423 HTML控件详解
1 HTML服务器控件的共同属性 几个共同的属性：Innerhtml、InnerText、Disable、Visible、Value、Attributes、Style。
2 HtmlAnchor控件 HtmlAnchor控件的主要属性和事件如下：
(1)Href属性：用来获取或设置在HtmlAnchor服务器控件中指定的链接的URL目标。
(2)Title属性：用来获取或设置当鼠标指针放在HtmlAnchor控件上所显示的工具提示文本。
(3)Name属性：获取或设置HtmlAnchor服务器控件中定义的书签名。
(4)Target属性：获取或设置要将Web页内容加载到的目标窗口或框架。
(5) OnServerClick方法：用于指定在单击HtmlAnchor控件时引发的处理程序。 例如：
<A Id="HtmlAnchor1" Href="aaaspx" '单击HtmlAnchor1 时链接到的aaaspx
OnServerClick="AnchorBtn_Click " '单击 HtmlAnchor1时执行 AnchorBtn_Click 事件
Ttarget="_blank " 'aaaspx内容呈现在新的、不带框的窗口中
title="在新窗口中打开aaaspx " '当鼠标指针放在 HtmlAnchor1上时显示
Runat="Server" >
</A>
3 HtmlInputButton控件
HtmlInputButton控件的主要属性和事件如下：
(1)Type属性：用来获取HtmlInputControl的类型。表列出了Type属性的各种不同可 能值及其含义。 (2)Value属性：用来设置按钮上的显示的文本内容。
(3)OnServerClick方法：该事件当在Web页上单击HtmlInputButton控件时发生的处理 程序。
4 HtmlInputImage控件 HtmlInputImage控件主要属性和事件如下：
(1)Align属性
(2)Alt属性
(3)Src属性
(4)OnServerClick方法
5 HtmlInputText控件 HtmlInputText控件的主要属性和事件如下：
(1)Size属性
(2)MaxLength属性
(3)Value属性
(4)Type属性
(5)ServerChange事件
(6)OnServerChange方法
6 HtmlTextArea控件 HtmlInputText控件在控件工具箱中的图标为 。文本框的尺寸由Cols和Rows属性控制 。
7 HtmlImage 控件 HtmlImage控件的主要属性如下：
(1)Align属性 ：各种可能的取值及其说明见表。
(2) Src属性
(3) Alt属性
(4) Border属性
(5) Height属性
(6) Width属性 8 HtmlInputCheckBox控件 HtmlInputCheckBox控件的主要属性和事件如下：
(1)Checked属性
(2) OnServerChange方法
9 HtmlInputRadioButton控件 HtmlInputRadioButton控件的主要属性和事件如下：
(1)Checked属性
(2)Name属性
(3) Value属性
(4) ServerChange事件
(5) OnServerChange方法
10 HtmlSelect控件该控件的主要属性和事件如下：
(1)Multiple属性
(2) Size属性
(3) SelectedIndex属性
(4) Items属性
(5)Value属性
(6) DataSource属性
(7) DataValueField属性
(8)DataTextField属性
(9)OnServerChange方法
11 其他HTML服务器控件 其他HTML服务器控件对应的HTML元素及用途见右表。43 Web服务器控件
431 Web服务器控件的层次结构 下图显示了SystemWebUIWebControls名称空间中控件的层次结构。432 Web服务器控件基本语法 Web服务器控件的基本语法：
<ASP: 控件Id=“控件名称” Runat=“Server” 属性1=“属性设置值1” 属性2=“属性设置值2”……></ASP: 控件> 或者
<ASP: 控件Id=“控件名称” Runat=“Server”/ 属性1=“属性设置值1” 属性2=“属性设置值2”…… / >
433 Web服务器控件详解
1 Button控件
Button控件的使用语法：
<ASP: Button 属性设置></ASP: Button> 或者
<ASP: Button 属性设置 />
Button控件主要属性和事件如下：
(1)Enabled属性
(2) Text属性
(3) ToolTip属性
(4) CommandName属性
(5)CommandArgument属性
(6)OnClick事件
2 HyperLink控件
HyperLink控件的使用语法：
<ASP: Hyperlink 属性设置></ASP: Hyperlink > 或者
<ASP: Hyperlink 属性设置 />
HyperLink控件的主要属性如下：
(1) Text属性
(2) ImageUrl属性
(3) NavigateUrl属性
(4) Target属性
3 LinkButton控件
LinkButton控件的使用语法：
<ASP: LinkButton 属性设置> </ASP: LinkButton>或者
<ASP: LinkButton 属性设置 />
LinkButton控件的主要属性和事件如下:
(1) Text属性
(2) Enabled属性
(3) ToolTip属性
(4) CommandName属性
(5) CommandArgument属性
(6)Command事件
4 ImageButton控件
ImageButton控件使用语法：
<ASP: ImageButton 属性设置> </ASP: ImageButton> 或者
<ASP: ImageButton 属性设置 />
ImageButton控件的主要属性和事件如下：
(1) Enabled属性
(2) CommandName属性
(3) CommandArgument属性
(4) ImageUrl属性
(5) ImageAlign属性
(6) ToolTip属性
(7)OnClick事件
5 Label控件 Label控件使用语法：
<ASP: Label 属性设置> </ASP: Label>或者
<ASP: Label 属性设置 />
Label控件的主要属性：
(1) AutoSize属性
(2) Text属性
(3) TextAlign属性：该属性设置标签内的文本的对齐方式。取值及其含义见表。 (4) Font属性
(5) Height属性
(6)Width属性
6 TextBox控件
TextBox控件使用语法：
<ASP: TextBox 属性设置> </ASP: TextBox>或者
<ASP: TextBox 属性设置 />
TextBox控件的主要属性和事件如下:
(1) AutoPostBack属性
(2) Columns属性
(3) Rows属性
(4) MaxLength属性
(5) ReadOnly属性
(6) Text属性
(7) Wrap属性
(8) TextMode属性
7 CheckBox控件和CheckBoxList控件
CheckBox控件使用语法：
ASP: CheckBox 属性设置 > </ASP: CheckBox >或者
<ASP: CheckBox属性设置 />
CheckBox控件的主要属性和事件
(1) Checked属性
(2) Enabled属性
(3) Text属性
(4) TextAlign属性
(5) AutoPostBack属性
(6)CheckedChanged事件
CheckBoxList控件是一个CheckBox控件组，CheckBoxList控件使用语法：
<ASP: CheckBoxList 属性设置 > </ASP: CheckBoxList >或者
<ASP: CheckBoxList 属性设置 />
CheckBoxList控件的主要属性和事件
(1) AutoPostBack属性
(2)DataSource属性
(3) DataTextField属性
(4) DataValueField属性
(5) Items属性
(6)RepeatColumns属性
(7) RepeatDirection属性
(8) RepeatLayout属性
(9) SelectedIndex属性
(10) SelectedItem属性
(11) TextAlign属性
(12) SelectedIndexChanged事件
CheckBoxList控件的每个选项都有以下3个基本属性
(1) Text：表示每个选项的文本。
(2) Value：表示每个选项的选项值。
(3) Selected：表示该选项是否选中。
8 RadioButton控件和RadioButtonList控件
RadioButton控件使用语法：
<ASP: RadioButton 属性设置 > </ASP: RadioButton >或者
<ASP: RadioButton 属性设置 />
RadioButton控件的主要属性和事件
(1)AutoPostBack属性
(2) Checked属性
(3)Text属性
(4)GroupName属性
(5) TextAlign属性
(6) Enabled属性
(7)OnCheckedChanged事件
RadioButtonList控件是单个控件，可作为单选按钮列表项集合的父控件。RadioButtonList控件使用语法：
<ASP: RadioButtonList 属性设置 > </ASP: RadioButtonList >或者
<ASP: RadioButtonList 属性设置 />
RadioButtonList控件的主要属性和事件
(1) AutoPostBack属性
(2) DataSource属性
(3) DataTextField属性
(4) DataValueField属性
(5) Items属性
(6) RepeatColumns属性
(7) RepeatDirection属性
(8) RepeatLayout属性
(9) SelectedIndex属性
(10) SelectedItem属性
(11) OnSelectedIndexChanged事件
RadioButtonList控件的每个选项都有以下3个基本属性
(1) Text：表示每个选项的文本。
(2) Value：表示每个选项的选项值。
(3) Selected：表示该选项是否选中。
9 Image控件 Image控件使用语法：
<ASP: Image 属性设置 > </ASP: Image > 或者
<ASP: Image属性设置 />
Image控件的主要属性如下：
(1) ImageUrl属性
(2) AlternateText属性
(3) ImageAlign属性
10 ListBox控件 ListBox控件使用语法：
<ASP: ListBox 属性设置 > </asp: ListBox > 或者
<ASP: ListBox 属性设置 />
ListBox控件的主要属性和事件如下：
(1) AutoPostBack属性
(2) Rows属性
(3) Items属性：Items属性是ListBox控件各选项的集合。每个列表项都是一个单独的对象，具有自己的属性，见表。 (4) SelectionMode属性：该属性指明一次是否可多选。SelectionMode属性的各种取值极其含义见表。 (5) SelectedIndex属性
(6) SelectedIndices属性
(7) SelectedItem属性
(8) SelectedItems属性
(9) SelectedValue属性
(10) DataSource 属性
(11) DataTextField属性
(12) DataValueField属性
(13) SelectedIndexChanged 事件
11 DropDownList控件
DropDownList控件使用语法：
<ASP: DropDownList 属性设置 > </ASP: DropDownList > 或者
<ASP: DropDownList 属性设置 />
DropDownList控件的主要属性和事件如下：
(1)AutoPostBack属性
(2) Items属性
(3) DataSource属性
(4) DataTextField属性
(5) DataValueField属性
(6) SelectedIndexChanged事件
12 Table、TableRow和TableCell控件
Table控件使用语法：
<ASP: Table 属性设置 > </ASP: Table > 或者
<ASP: Table 属性设置 />
Table控件的主要属性如下：
(1)CellPadding属性
(2) CellSpacing属性
(3) Rows 属性
(4)GridLines属性,该属性的取值及其含义见表。(5)HorizontalAlign属性,该属性的取值及其含义见表 TableRow控件的主要属性如下：
(1) Cells属性
(2)HorizontalAlign属性
(3) VerticalAlign属性,表列出了可能的值及其含义。TableCell控件的主要属性如下：
(1) ColumnSpan属性
(2)HorizontalAlign属性
(3) RowSpan属性
(4) VerticalAlign属性
(5) Wrap属性 回首页

aspnetWeb标准服务器控件的公共属性可以分为以下几种：
1 样式属性：控件的样式属性包括颜色、字体、边框等，用于控制控件的外观。
2 数据属性：控件的数据属性包括数据源、数据绑定等，用于控制控件的数据展示和传递。
3 事件属性：控件的事件属性包括鼠标事件、键盘事件等，用于处理用户交互行为。
4 布局属性：控件的布局属性包括大小、位置、对齐方式等，用于控制控件在页面中的布局。
5 可访问性属性：控件的可访问性属性包括标题、描述、标签等，用于支持无障碍访问。
6 其他属性：控件的其他属性包括可见性、可用性、唯一标识符等，用于控制控件的行为和特性。

什么叫控件
控件是对数据和方法的封装。控件可以有自己的属性和方法。属性是控件数据的简单访问者。方法则是控件 的一些简单而可见的功能。
Windows 公共控件，功能分别是什么
Windows *** 作系统总是提供了若干 Windows 公共控件。这些控件对象都是可编程的，Visual C++ 对话框编辑器支持将这些控件对象添加到对话框。Microsoft 基础类库 (MFC) 提供相应的类来封装这些控件中的每一个，如表 Windows 公共控件和 MFC 类中所示。（表中的某些项有进一步描述它们的相关主题。有关没有主题的控件的信息，请参见 MFC 类的文档。） CWnd 类是所有窗口类（包括所有控件类）的基类。下列环境支持 Windows 公共控件： Windows 95、Windows 98 和 Windows 2000 Windows NT 351 版及更高版本 Win32 系列 13 版（Visual C++ 42 版及更高版本不支持 Win32 系列） 旧式公共控件在 Windows 的早期版本中同样可用，这些旧式公共控件包括复选框、组合框、编辑框、列表框、选项按钮、普通按钮、滚动条控件和静态控件。 应用示例
列表框示例
要在 Microsoft Office Excel 2003 和早期版本的 Excel 中添加列表框，请单击“窗体”工具栏上的“列表框”按钮。然后，创建包含单元格 B2:E10 的列表框。 如果未显示“窗体”工具栏，请指向“视图”菜单上的“工具栏”，然后单击“窗体”。 要在 Excel 2007 中添加列表框，请依次单击“开发工具”选项卡、“插入”，然后单击“窗体控件”部分中的“列表框”。 右键单击列表框，然后单击“设置控件格式”。键入以下信息，然后单击“确定”。 要指定列表的区域，请在“数据源区域”框中键入 H1:H20。 要在单元格 G1 中键入数值（根据在列表中选择的项目），请在“单元格链接”框中键入 G1。 注意：INDEX() 公式使用 G1 中的值返回相应的列表项目。 在“选定类型”下，确保选择“单选”选项。单击“确定”。 注意：仅在您使用 Microsoft Visual Basic for Applications 过程返回列表值时，“复选”和“扩展”选项才有用。另请注意，使用“三维阴影”复选框可使列表框具有三维外观。列表框应显示项目列表。要使用列表框，请单击任意单元格，这样不会选择列表框。如果您单击列表中的某一项目，单元格 G1 将更新为一个数字，以指示所选项目在列表中的位置。单元格 A1 中的 INDEX 公式使用此数字显示项目的名称。
组合框示例
要在 Excel 2003 和早期版本的 Excel 中添加组合框，请单击“窗体”工具栏上的“组合框”按钮。 要在 Excel 2007 中添加组合框，请依次单击“开发工具”选项卡、“插入”，然后单击“窗体控件”部分中的“组合框”。 创建包含单元格 B2:E2 的对象。 右键单击组合框，然后单击“设置控件格式”。输入以下信息，然后单击“确定”： 要指定列表的区域，请在“数据源区域”框中键入 H1:H20。 要在单元格 G1 中键入数值（根据在列表中选择的项目），请在“单元格链接”框中键入 G1。 注意：INDEX 公式使用 G1 中的值返回相应的列表项目。 在“下拉显示项数”框中，键入 10。此条目决定在必须使用滚动条查看其他项目之前显示的项目数。 注意：“三维阴影”复选框是可选的；使用它可使下拉框或组合框具有三维外观。下拉框或组合框应显示项目列表。要使用下拉框或组合框，请单击任意单元格，这样不会选择对象。如果您单击下拉框或组合框中的某一项目，单元格 G1 将更新为一个数字，以指示所选项目在列表中的位置。单元格 A1 中的 INDEX 公式使用此数字显示项目的名称。
微调框示例
要在 Excel 2003 和早期版本的 Excel 中添加微调框，请单击“窗体”工具栏上的“微调框”按钮，然后创建包含单元格 B2:B3 的微调框。将微调框的大小调整为大约列宽度的四分之一。 要在 Excel 2007 中添加微调框，请依次单击“开发工具”选项卡、“插入”，然后单击“窗体控件”部分中的“数值调节钮”。 右键单击微调框，然后单击“设置控件格式”。输入以下信息，然后单击“确定”： 在“当前值”框中，键入 1。 此值将初始化微调框，以便 INDEX 公式指向列表中的第一个项目。 在“最小值”框中，键入 1。 此值会将微调框的顶部限制为列表中的第一个项目。 在“最大值”框中，键入 20。 此数字指定列表中条目的最大数。 在“步长”框中，键入 1。 此值控制微调框控件将当前值增大多少。 要在单元格 G1 中键入数值（根据在列表中选择的项目），请在“单元格链接”框中键入 G1。单击任意单元格，这样不会选择微调框。如果您单击微调框中的向上控件或向下控件，单元格 G1 将更新为一个数字，以指示微调框的当前值与微调框步长的和或差。然后，此数字将更新单元格 A1 中的 INDEX 公式以显示下一项目或上一项目。 如果您在当前值为 1 时单击向下控件，或者在当前值为 20 时单击向上控件，则微调框值不会更改。
滚动条示例
要在 Excel 2003 和早期版本的 Excel 中添加滚动条，请单击“窗体”工具栏上的“滚动条”按钮，然后创建高度为单元格 B2:B6 且宽度大约为列宽度的四分之一的滚动条。 要在 Excel 2007 中添加滚动条，请依次单击“开发工具”选项卡、“插入”，然后单击“窗体控件”部分中的“滚动条”。 右键单击滚动条，然后单击“设置控件格式”。键入以下信息，然后单击“确定”。 在“当前值”框中，键入 1。 此值将初始化滚动条，以便 INDEX 公式指向列表中的第一个项目。 在“最小值”框中，键入 1。 此值会将滚动条的顶部限制为列表中的第一个项目。 在“最大值”框中，键入 20。此数字指定列表中条目的最大数。 在“步长”框中，键入 1。 此值控制滚动条控件将当前值增大多少。 在“页步长”框中，键入 5。此条目控制当您单击滚动条中滚动框的任意一边时将当前值增大多少。 要在单元格 G1 中键入数值（根据在列表中选择的项目），请在“单元格链接”框中键入 G1。 注意：“三维阴影”复选框是可选的；使用它可使滚动条具有三维外观。单击任意单元格，这样不会选择滚动条。如果您单击滚动条中的向上控件或向下控件，单元格 G1 将更新为一个数字，以指示滚动条的当前值与滚动条步长的和或差。此数字在单元格 A1 中的 INDEX 公式中使用，以显示当前项目的下一项目或上一项目。 您还可以拖动滚动条以更改值，或单击滚动条中滚动框的任意一边以将该值增大 5（“页步长”值）。如果您在当前值为 1 时单击向下控件，或者在当前值为 20 时单击向上控件，则滚动条不会更改。

首先我们说说二者的概念区别吧（相信大家都清楚）
1 asp控件是服务端控件，html是客户端控件。
2 asp控件在服务端解析后，会转化为html控件使得客户端浏览器能够显示出来。也就是说最终的产物都是html控件。
3 asp控件只有安装netFrameWork的服务器才能解析的来，而html用Java,php,asp都可以。
那么下面说说二者的功能实现区别
1 asp控件是必须发生页面提交的（除非强制取消，见2），而html控件则可以提交也可以不提交（通过type属性设置）
2 asp控件OnClick与OnClientClick区别：OnClientClick执行客户端事件响应（由JavaScript控制）；OnClick执行服务端事件响应。
3 asp控件的 OnClick 与html控件的 OnClick 意义不同：前者由服务端事件响应，后者由客户端响应。
4 html控件加上runat="server"后，与asp控件基本无异（此时已转化为服务端控件了），服务端就可以响应html控件。
5 html控件里的属性关键字都要是小写的。所以大家要注意这些细节了，小小控件也会有大学问的，而且b/s开发较c/s开发本身就有复杂度，很多细节都是不太一样的。
二者的优先级：OnClientClick > OnClick 。

---