国家科技创新平台规划Read课件

上传人：y*** IP属地：贵州上传时间：2022-12-14 格式：PPT 页数：126 大小：483.84KB 积分：25 举报 版权申诉

已阅读5页，还剩121页未读，继续免费阅读

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

ASP.NET程序设计教程

第5章HTML控件和Web服务器控件

上海交通大学出版社1ASP.NET程序设计教程

第5章HTML控件和Web服内容本章主要介绍了ASP.NET中几种基本的HTML控件和Web服务器控件,详细介绍了各控件的基本属性及使用方法.2内容本章主要介绍了ASP.NET中几种基本的HT5.1HTML控件

HTML控件由HTML标记衍生而来，HTML控件在外形上与普通的HTML标记很相似，几乎所有的HTML标记加上runat=“Server”这个Server控件的标识属性后，都可以变成HTML控件。它们之间最大的区别就是HTML可以通过服务器端的代码来控制。

35.1HTML控件HTML控件由HTML标5.1.1HTML控件的优点

HTML控件将HTML标注对象化，可以让程序直接控制并设定其属性，这样一来程序代码和HTML控件分开，程序的架构就不会显的杂乱无章而不好管理。

45.1.1HTML控件的优点HTML控件将H5.1.1HTML控件的优点

HTML控件对事件的支持，以事件触发方式来编写程序，使得网页编程变得更加简单。

55.1.1HTML控件的优点HTML控件对事件5.1.2HTML控件架构HTML控件的执行过程：转换成HTML标注ASPX文件检查标注是否有runat=“server”字串流加载器公共类库HTML控制项执行是否65.1.2HTML控件架构HTML控件的执行过程：5.1.2HTML控件架构所有的Html控件位于System.Web.UI.HtmlControls命名空间中，是从HtmlControl基类中直接或间接派生出来的。

75.1.2HTML控件架构所有的Html控件位于Sy5.1.2HTML控件架构85.1.2HTML控件架构85.1.3HTML控件常用属性Style属性Attributes属性Visible属性Disabled属性InnerHtml属性及InnerText属性

95.1.3HTML控件常用属性Style属性Style属性

ASP.NET为每个Html控件提供了一个Sty1e的属性，Style属性实际上是一个样式表属性集合，通过设置Style中的属性，能通过程序代码在程序执行过程中改变Html控件的样式。

Style属性ASP.NEStyle属性Style属性可以设定的样式：样式名称

说

明

设

定

值

Background-Color背景色RGB值或指定颜色

Color前景色RGB值或指定颜色

Font-Family字型标楷体

Font-Size字体大小20pt

Font-Style斜体Italic(斜体)或Normal(一般)

Font-Weight粗体Bold(粗体)或Normal(一般)

Text-Decoration效果Underline(底线)、Strikethrough(穿越线)、Overline(顶线)或是None(无)

Text-Transform转大小写Uppercase(全转大写)、Lowercase(全转小写)、InitialCap(前缀大写)或是None(无)

Style属性Style属性可以设定的样式Style属性例：通过程序来控制Anchor1控件的Style属性：publicclassWebForm1:System.Web.UI.Page { privatevoidPage_Load(objectsender,System.EventArgse) {

//在此处放置用户代码以初始化页面 //指定超级链接的属性 Anchor1.Style["color"]="#008000"; Anchor1.Style["font-size"]="10pt"; Anchor1.Style["text-decoration"]="none"; Anchor1.Style["font-style"]="italic"; }

}Style属性例：通过程序来控制AnchorAttributes属性Attributes属性实质上是一个控件(包括Html控件、Web控件、用户控件)的属性集合。控件的属性值与属性值可以通过Attributes任意指定，ASP.NET程序会将其原样发送到浏览器解释。

Attributes属性AAttributes属性Attributes属性使用时有两点需要注意：因为可以任意指定属性，所以对于控件来说，有些指定的属性是不合法的，那么这种属性是无效的。指定属性必须为控件对应的HTML标记所支持的属性，否则浏览器也会将会不能达到。Attributes属性AttributesAttributes属性例：使用Attributes属性确定HtmlSelect控件的特性：

publicclassWebForm1:System.Web.UI.Page { privatevoidPage_Load(objectsender,System.EventArgse) {

Message.InnerHtml="<h4>选择框的属性集包括:</h4>"; IEnumeratorkeys=Select.Attributes.Keys.GetEnumerator();

while(keys.MoveNext()) { Stringkey=(String)keys.Current; Message.InnerHtml+=key+"="+Select.Attributes[key]+"<br>"; } }}Attributes属性例：使用AttribVisible属性

Visible属性可以让一个对象的视觉元素消失，换句话说就是将对象隐藏起来让使用者看不到。

Visible属性VisiVisible属性例：在Page_Load事件中将名为Anchor1的超级链接控件隐藏起来，待使用者按下Button1按钮后再将其Visible属性设为True：

privatevoidPage_Load(objectsender,System.EventArgse) {

//在此处放置用户代码以初始化页面

Anchor1.Visible=false; } privatevoidButton1_Click(objectsender,System.EventArgse) { Anchor1.Visible=true; }Visible属性例：在Page_Load事Disabled属性

Disabled属性被称为禁止功能。就是将一个对象的功能关闭，让对象暂时无法执行工作。如果将对象的Disabled属性设为True时，该对象会显示为灰色并且停止工作。只有将Disabled属性设回False，该控件才可正常工作。Disabled属性DiInnerHtml、InnerText属性使用InnerHtml属性以编程方式修改HTML服务器控件的开始和结束标记中的内容。使用InnerText属性以编程方式修改HTML服务器控件的开始和结束标记之间的内容。InnerHtml、InnerText属性InnerHtml、InnerText属性例：

两个控件的属性假设都为<b>试验</b>，对于InnerHtml属性而言会将其中的<b>标注加以解译，所以显示出粗体的文字；而对于InnerText属性而言不会将其中的<b>标注加以解译，所以会将<b>试验</b>一五一十的显示出来：

InnerHtml、InnerText属性例：InnerHtml、InnerText属性

privatevoidPage_Load(objectsender,System.EventArgse) {

//在此处放置用户代码以初始化页面

Sp1.InnerHtml="<b>测试</b>"; Sp2.InnerText="<b>测试</b>"; }

privatevoidButton1_Click(objectsender,System.EventArgse) { Sp1.InnerHtml="<b>测试</b>"; Sp2.InnerText="<b>测试</b>"; }InnerHtml、InnerText属性 InnerHtml、InnerText属性Button1按下后的效果图：InnerHtml、InnerText属性Bu5.1.4基本的HTML控件HtmlTextArea控件

HtmlTable控件

HtmlImage控件

HtmlButton控件

HtmlSelect控件

HtmlForm控件

HtmlInput控件

235.1.4基本的HTML控件HtmlTextArea控件HtmlTextArea控件HtmlTextArea控件可以在Web页上创建多行文本框。可以通过分别设置Rows和Cols属性来控制多行文本框的高度和宽度。可以通过设置Name属性为该控件分配一个名称。若要确定或指定文本框中的文本，可使用Value属性。HtmlTextArea类提供一个ServerChange事件，可以在每次文本框的值在向服务器的各次发送过程之间更改时执行自定义指令集。HtmlTextArea控件HtmlTextHtmlTextArea控件例：使用HtmlTextArea控件创建多行文本框：Html代码：<body> <formrunat="server"ID="Form1"> <h3>HtmlTextArea示例</h3> 请输入你的内容:<br> <textareaid="TextArea1"runat="server"NAME="TextArea1"></textarea><br><inputtype="submit"value="提交"runat="server"ID="Submit1"NAME="Submit1"><spanid="Span1"runat="server"></span></form> </body>HtmlTextArea控件例：使用HtmlHtmlTextArea控件C#代码：

privatevoidSubmit1_ServerClick(objectsender,System.EventArgse){ Span1.InnerHtml="您写的内容是:<br>"+TextArea1.Value;}2HtmlTextArea控件C#代码：2HtmlTextArea控件运行结果图：2HtmlTextArea控件运行结果图：2HtmlTable控件使用HtmlTable控件以编程方式控制服务器上的HTML<table>元素。可以使用这个控件在Web页上创建表。通过设置BgColor、Border、BorderColor、Height和Width属性可以动态更改<table>元素的外观。还可以通过设置Align、CellPadding和CellSpacing属性来控制单元格内容的显示方式。HtmlTable控件的行存储在该控件的Rows属性中。这样可以以编程方式访问表中的各行。2HtmlTable控件使用HtmlTHtmlTable控件基本属性包括：Border：获取或设置HtmlTable控件的边框宽度（以像素为单位）。Height：获取或设置HtmlTable控件的高度。Rows：获取HtmlTableRowCollection，它包含HtmlTable控件中的所有行。Width：获取或设置HtmlTable控件的宽度。CellPadding：获取或设置HtmlTable控件中单元格内容和单元格边框之间的空间量（以像素为单位）。CellSpacing：获取或设置HtmlTable控件中相邻单元格之间的空间量（以像素为单位）。2HtmlTable控件基本属性包括：2HtmlImage控件

使用该控件可以在Web页上显示图像，可以用编程方式操作HtmlImage控件来更改显示的图像、图像大小及图像相对于其他页元素的对齐方式。

30HtmlImage控件使用该控件可以在WHtmlImage控件基本属性包括：Src属性：设定需要显示的图像文件。Align属性：图像在父容器中的显示位置。Alt属性：当图像没有正确加载时，在图像位置显示的文字。Border属性：设定图像边界宽度，当其值为0时，表示没有边界。Height、Width出属性：设定图像的长、宽值。3HtmlImage控件基本属性包括：3HtmlButton控件可以使用HtmlButton控件对HTML<button>元素进行编程。可以为HtmlButton控件的ServerClick事件提供自定义代码，以指定在单击该控件时执行的操作。3HtmlButton控件可以使用HHtmlButton控件将样式添加到HtmlButton控件：在Web窗体页上声明HtmlButton控件：

<buttonrunat="server"></button>在该控件的开始标记中，包含样式属性并声明希望该按钮显示的样式。

style="font:8ptverdana;background-color: lightgreen;border-color:black;height=30;width:100"3HtmlButton控件将样式添加到HtmHtmlButton控件在HtmlButton控件中包含格式化的文本、图像或其他Web窗体控件：在Web窗体页上声明HtmlButton控件。 <buttonrunat="server"></button>用控件的开始和结束标记之间的格式化标记声明文本。 <b>ClickMe!</b>在控件的开始和结束标记之间，包含希望显示的图像或控件的标记。 <imgsrc=“/MyImage.gif”>3HtmlButton控件在HtmHtmlSelect控件

使用HtmlSelect控件对HTML<select>元素进行编程。默认情况下，此控件呈现为下拉列表框。但是，如果允许多重选择（通过指定Multiple属性）或为Size属性指定大于1的值，则该控件将显示为列表框。3HtmlSelect控件使用HtmHtmlSelect控件若要确定单选HtmlSelect控件中的选定项，首先使用SelectedItem属性获取选定项的索引。然后，可以使用此索引从Items集合中检索选定项。若要确定允许同时进行多重选择的HtmlSelect控件中的选定项，则需要循环访问Items集合并测试每项的Selected属性。还可以将该控件绑定到数据源。设置DataSource属性以指定要将其绑定到该控件的数据源。然后可以通过设置DataValueField和DataTextField属性，分别指定将哪个字段绑定到Value和Text属性。3HtmlSelect控件若要确定单选HtmHtmlSelect控件常用属性包括：Items：获取一个集合，该集合包含在HtmlSelect控件中列出的项。SelectedIndex：获取或设置HtmlSelect控件中的选定项的序号索引。Value：获取HtmlSelect控件中选定项的值或将该控件的SelectedIndex属性设置为具有指定值的列表中的第一个项的索引。Size：获取或设置HtmlSelect控件的高度（以行为单位）。3HtmlSelect控件常用属性包括：3HtmlSelect控件常用属性包括：DataMember：要从具有多个数据集的DataSource获取或设置要绑定到HtmlSelect控件的数据集。DataSource：获取或设置要绑定到HtmlSelect控件的信息源。DataTextField：获取或设置DataSource中的字段，该字段将绑定到HtmlSelect控件中各项的ListItem.Text属性。DataValueField：获取或设置DataSource中的字段，该字段将绑定到HtmlSelect控件中各项的ListItem.Value属性。3HtmlSelect控件常用属性包括：3HtmlForm控件HtmlForm(窗体)控件是设计动态网页一个相当重要的组件，它可以将Client端的数据传送至Server端作处理。在窗体内的确认按钮被按下去后，只要被Form控件所包起来的数据输入控件都会被一并送到Server端，这时Server端收到这些数据及OnServerClick事件后会执行指定的事件程序，并且将执行结果重新下载到Client端浏览器。

3HtmlForm控件HtmlForm(窗体)HtmlForm控件常用属性包括：Enctype：获取或设置将窗体的数据发送到服务器时浏览器使用的编码类型。Method：获取或设置一个值，该值指示浏览器将窗体数据发送到服务器进行处理的方式。默认值是POST，而普通<form>的默认请求方式是GET。如果Method属性为Post(默认值)则表示由Server端来抓取资料，如为Get则表示由浏览器主动上传资料至Server端。40HtmlForm控件常用属性包括：40HtmlInput控件HtmlInput控件会因为Type属性的设定而产生不同种类的控件Inputtype

主要的属性和事件

button事件onserverclick属性value：钮所显示的文字submitresetcheckbox属性checked：是否被选取属性value：获取或设置与HtmlInputControl相关联的值text属性value：输入框内的文字属性maxlength：可输入的最大字符数passwordradio属性checked：是否被选取属性value：获取或设置与HtmlInputRadio相关联的值hidden属性value：获取或设置与HtmlInputHidden相关联的值4HtmlInput控件HtmlInput控件HtmlInput控件HtmlInputButton控件

HtmlInputButton控件创建一个服务器端控件，该控件映射到<inputtype=button>、<inputtype=submit>和<inputtype=reset>HTML元素，并允许分别创建命令按钮、提交按钮或重置按钮。用户单击HtmlInputButton控件时，来自嵌有该控件的窗体的输入被发送到服务器并得到处理，然后，将响应发送回请求浏览器。

4HtmlInput控件HtmlInputBuHtmlInput控件HtmlInputCheckBox控件

HtmlInputCheckBox控件创建服务器端控件，该控件映射到<inputtype=checkbox>HTML元素并允许创建使用户可以选择true或false状态的复选框控件，单击HtmlInputCheckBox控件时，该控件不会向服务器回送。当使用回送服务器的控件(如HtmlInputButton控件)时，复选框的状态被发送到服务器进行处理。

4HtmlInput控件HtmlInputChHtmlInput控件HtmlInputText控件

HtmlInputText控件创建一个服务器端控件，该控件映射到<inputtype=text>和<inputtype=password>HTML元素，并允许创建单行文本框以接收用户输入，与标准HTML一样，这些控件可用于在HTML窗体中输入用户名和密码。通过使用MaxLength、Size和Value属性，可以分别控制可输入的字符数、控件宽度和控件内容。4HtmlInput控件HtmlInputTeHtmlInput控件HtmlInputHidden控件

使用HtmlInputHidden控件对<inputtype=hidden>HTML元素进行编程。尽管此控件是窗体的一部分，但它永远不在窗体上显示。由于在HTML中不保持状态，此控件通常与HtmlInputButton和HtmlInputText控件一起使用，以在对服务器的发送之间存储信息。

4HtmlInput控件HtmlInputHiHtmlInput控件HtmlInputRadioButton控件

使用HtmlInputRadioButton控件对HTML<inputtype=radio>元素进行编程，通过将Name属性设置为组中所有<inputtype=radio>元素所共有的值，可以将多个HtmlInputRadioButton控件组成一组。同组中的单选按钮互相排斥；一次只能选择该组中的一个单选按钮。 HtmlRadioButton控件不会自动向服务器回送。必须依赖于使用某个按钮控件来回送到服务器。可通过为ServerChange事件编写处理程序来对HtmlRadioButton控件进行编程。

4HtmlInput控件HtmlInputRa5.2WEB服务器控件可以使用ASP.NET服务器控件来取代使用<%%>代码块编写动态内容，实现Web页面编程。在.aspx文件中使用包含runat=”server”属性值的自定义标记来声明服务器控件。Web控件中包括传统的表单控件，如TextBox和Button，以及其他更高抽象级别的控件，如Calendar和DataGrid控件。

475.2WEB服务器控件可以使用ASP.NET服务器控件来取5.2WEB服务器控件它们提供了一些能够简化开发工作的特性，其中包括：丰富而一致的对象模型：WebControl基类实现了对所有控件通用的大量属性，包括ForeColor、BackColor、Font、Enabled等，有助于减少编程错误。对浏览器的自动检测：Web控件能够自动检测客户机浏览器的功能，并相应地调整它们所提交的HTML，从而充分发挥浏览器的功能。数据绑定：在Web窗体页面中，可以对控件的任何属性进行数据绑定。485.2WEB服务器控件它们提供了一些能够简化开发工作的特性5.2WEB服务器控件所有servercontrols共有的Properties名称说明ClientIDASP.NET为control产生的ID。Controls传回一个ControlCollection对象，用来指示某一control内所包含的子controls(childcontrols)。

EnableViewState指示是否要维护此control的ViewState。

IDControl的ID。NamingContainer用来找出某一control包含在何种对象之内。Page用来找出包含某一control的Page对象。

Parent用来找出包含某一control的parentcontrol。

Site描述此control有关site的信息。

TemplateSourceDirectory描述网页的virtualdirectory

ToolTip当鼠标停留在该control时，所要显示的文字

UniqueID除了须列出该control的ID外，尚须列出所有包含该control的objects名称。

495.2WEB服务器控件所有servercontrols共5.2WEB服务器控件所有servercontrols共有的Methods名称说明DataBind将资料安排进所指定的control，如DataGrid、DataList、Repeater等controls

Dispose在control被毁之前做清除的工作。

FindControl(string)在所为的containercontrol中找出ID为string所描述的control。HasControls用来指示此control是否有childcontrol。

RenderControl(writer)将control的内容输出到HtmlTextWriterobject中，HtmlTextWriterobject的类别用writer描述。

505.2WEB服务器控件所有servercontrols共5.2WEB服务器控件所有servercontrols共有的Events名称说明DataBinding此事件被触发的时机为当有资料放入此control时。

Dispose当control从内存中移除时触发之。Init网页第一次被加载时触发之。

Load网页每次被加载时触发之。

PreRender每当信息写入客户端之前。

Unload当网页结束执行时触发之。

515.2WEB服务器控件所有servercontrols共5.2.1文本输入控件 TextBoxWeb服务器控件为用户提供了一种向Web窗体页中键入信息（包括文本、数字和日期）的方法。525.2.1文本输入控件 TextBoxWeb服务器控件为5.2.1文本输入控件常用基本属性：Columns：获取或设置文本框的显示宽度（以字符为单位）。MaxLength：获取或设置文本框中最多允许的字符数。ReadOnly：获取或设置一个值，用于指示能否更改TextBox控件的内容。TextMode：获取或设置TextBox控件的行为模式（单行、多行或密码）。535.2.1文本输入控件常用基本属性：535.2.2选择控件复选控件单选控件545.2.2选择控件复选控件5复选控件

CheckBox和CheckBoxList

Web服务器控件为用户提供了一种在真/假、是/否或开/关选项之间切换的方法。

当CheckBox控件的状态在向服务器的各次发送过程间更改时，将引发为CheckedChanged事件提供的事件处理程序，以便当CheckBox控件的状态在向服务器的各次发送过程间更改时执行特定的任务。5复选控件 CheckBox和CheckBox复选控件常用属性包括：Checked：获取或设置一个值，该值指示是否已选中CheckBox控件。Text：获取或设置与CheckBox关联的文本标签。ID：获取或设置分配给服务器控件的编程标识符。TextAlign：获取或设置与CheckBox控件关联的文本标签的对齐方式。5复选控件常用属性包括：5单选控件

RadioButton和RadioButtonListWeb服务器控件允许用户从一个预定义的简短列表中选择一项。可以单独使用单选控件。通常是将两个或多个单独的按钮组合在一起。5单选控件 RadioButton和Radio单选控件常用基本属性包括：Checked：获取或设置一个值，该值指示是否已选中CheckBox控件。GroupName：获取或设置单选按钮所属的组名。ID：获取或设置分配给服务器控件的编程标识符。Text：获取或设置与CheckBox关联的文本标签。5单选控件常用基本属性包括：585.2.2列表控件列表框(ListBox)是在一个文本框内提供多个选项供用户选择的控件，它比较类似于下拉列表，但是没有显示结果的文本框。实际中列表框很少使用，大多数情况下都使用列表控件DropDownList来代替ListBox加文本框的情况。

595.2.2列表控件列表框(ListBox)是在一个文本框5.2.2列表控件常用基本属性包括：DataMember：获取或设置要绑定到控件的DataSource中的特定表。DataSource：获取或设置填充列表控件项的数据源。DataTextField：获取或设置为列表项提供文本内容的数据源字段。DataValueField：获取或设置为各列表项提供值的数据源字段。605.2.2列表控件常用基本属性包括：605.2.2列表控件常用基本属性包括：Items：获取列表控件项的集合。Rows：获取或设置ListBox控件中显示的行数。SelectedIndex：获取或设置列表中选定项的最低序号索引。SelectedItem：获取列表控件中索引最小的选定项。SelectedValue：获取列表控件中选定项的值，或选择列表控件中包含指定值的项。615.2.2列表控件常用基本属性包括：615.2.2列表控件

ListBox控件实际上是列表项的容器。每个列表项都是一个单独的对象，具有自己的属性：Text：列表中显示的文本。Value：与某个项关联的值。设置此属性将该值与特定的项关联而不显示该值。Selected：布尔值，指示该项是否被选定。

625.2.2列表控件ListBox控件实际上是列表项的总结本章首先介绍了服务器端的html控件，虽然它们的功能都可以以简单的html语言来实现，但是在ASP.NET中依然提供了对它们的实现。html文件依赖于服务器端对标识的解释执行，html控件却可以被编译执行，两者在效率上的差异不言而喻。

第二节主要讲述了几个服务器端的控件、它们的校验、取值方法等，从中我们可以看到ASP.NET中各种控件功能是非常强大的。

63总结本章首先介绍了服务器端的html控件，虽然它们的功能都ASP.NET程序设计教程

第5章HTML控件和Web服务器控件

上海交通大学出版社64ASP.NET程序设计教程

第5章HTML控件和Web服内容本章主要介绍了ASP.NET中几种基本的HTML控件和Web服务器控件,详细介绍了各控件的基本属性及使用方法.65内容本章主要介绍了ASP.NET中几种基本的HT5.1HTML控件

665.1HTML控件HTML控件由HTML标5.1.1HTML控件的优点

HTML控件将HTML标注对象化，可以让程序直接控制并设定其属性，这样一来程序代码和HTML控件分开，程序的架构就不会显的杂乱无章而不好管理。

675.1.1HTML控件的优点HTML控件将H5.1.1HTML控件的优点

HTML控件对事件的支持，以事件触发方式来编写程序，使得网页编程变得更加简单。

685.1.1HTML控件的优点HTML控件对事件5.1.2HTML控件架构HTML控件的执行过程：转换成HTML标注ASPX文件检查标注是否有runat=“server”字串流加载器公共类库HTML控制项执行是否695.1.2HTML控件架构HTML控件的执行过程：5.1.2HTML控件架构所有的Html控件位于System.Web.UI.HtmlControls命名空间中，是从HtmlControl基类中直接或间接派生出来的。

705.1.2HTML控件架构所有的Html控件位于Sy5.1.2HTML控件架构715.1.2HTML控件架构85.1.3HTML控件常用属性Style属性Attributes属性Visible属性Disabled属性InnerHtml属性及InnerText属性

725.1.3HTML控件常用属性Style属性Style属性

7Style属性ASP.NEStyle属性Style属性可以设定的样式：样式名称

说

明

设

定

值

Background-Color背景色RGB值或指定颜色

Color前景色RGB值或指定颜色

Font-Family字型标楷体

Font-Size字体大小20pt

Font-Style斜体Italic(斜体)或Normal(一般)

Font-Weight粗体Bold(粗体)或Normal(一般)

Text-Decoration效果Underline(底线)、Strikethrough(穿越线)、Overline(顶线)或是None(无)

Text-Transform转大小写Uppercase(全转大写)、Lowercase(全转小写)、InitialCap(前缀大写)或是None(无)

7Style属性Style属性可以设定的样式Style属性例：通过程序来控制Anchor1控件的Style属性：publicclassWebForm1:System.Web.UI.Page { privatevoidPage_Load(objectsender,System.EventArgse) {

}7Style属性例：通过程序来控制AnchorAttributes属性Attributes属性实质上是一个控件(包括Html控件、Web控件、用户控件)的属性集合。控件的属性值与属性值可以通过Attributes任意指定，ASP.NET程序会将其原样发送到浏览器解释。

7Attributes属性AAttributes属性Attributes属性使用时有两点需要注意：因为可以任意指定属性，所以对于控件来说，有些指定的属性是不合法的，那么这种属性是无效的。指定属性必须为控件对应的HTML标记所支持的属性，否则浏览器也会将会不能达到。7Attributes属性AttributesAttributes属性例：使用Attributes属性确定HtmlSelect控件的特性：

publicclassWebForm1:System.Web.UI.Page { privatevoidPage_Load(objectsender,System.EventArgse) {

Message.InnerHtml="<h4>选择框的属性集包括:</h4>"; IEnumeratorkeys=Select.Attributes.Keys.GetEnumerator();

while(keys.MoveNext()) { Stringkey=(String)keys.Current; Message.InnerHtml+=key+"="+Select.Attributes[key]+"<br>"; } }}7Attributes属性例：使用AttribVisible属性

Visible属性可以让一个对象的视觉元素消失，换句话说就是将对象隐藏起来让使用者看不到。

7Visible属性VisiVisible属性例：在Page_Load事件中将名为Anchor1的超级链接控件隐藏起来，待使用者按下Button1按钮后再将其Visible属性设为True：

privatevoidPage_Load(objectsender,System.EventArgse) {

//在此处放置用户代码以初始化页面

Anchor1.Visible=false; } privatevoidButton1_Click(objectsender,System.EventArgse) { Anchor1.Visible=true; }80Visible属性例：在Page_Load事Disabled属性

Disabled属性被称为禁止功能。就是将一个对象的功能关闭，让对象暂时无法执行工作。如果将对象的Disabled属性设为True时，该对象会显示为灰色并且停止工作。只有将Disabled属性设回False，该控件才可正常工作。8Disabled属性DiInnerHtml、InnerText属性使用InnerHtml属性以编程方式修改HTML服务器控件的开始和结束标记中的内容。使用InnerText属性以编程方式修改HTML服务器控件的开始和结束标记之间的内容。8InnerHtml、InnerText属性InnerHtml、InnerText属性例：

8InnerHtml、InnerText属性例：InnerHtml、InnerText属性

privatevoidPage_Load(objectsender,System.EventArgse) {

//在此处放置用户代码以初始化页面

Sp1.InnerHtml="<b>测试</b>"; Sp2.InnerText="<b>测试</b>"; }

privatevoidButton1_Click(objectsender,System.EventArgse) { Sp1.InnerHtml="<b>测试</b>"; Sp2.InnerText="<b>测试</b>"; }8InnerHtml、InnerText属性 InnerHtml、InnerText属性Button1按下后的效果图：8InnerHtml、InnerText属性Bu5.1.4基本的HTML控件HtmlTextArea控件

HtmlTable控件

HtmlImage控件

HtmlButton控件

HtmlSelect控件

HtmlForm控件

HtmlInput控件

865.1.4基本的HTML控件HtmlTextArea控件HtmlTextArea控件HtmlTextArea控件可以在Web页上创建多行文本框。可以通过分别设置Rows和Cols属性来控制多行文本框的高度和宽度。可以通过设置Name属性为该控件分配一个名称。若要确定或指定文本框中的文本，可使用Value属性。HtmlTextArea类提供一个ServerChange事件，可以在每次文本框的值在向服务器的各次发送过程之间更改时执行自定义指令集。8HtmlTextArea控件HtmlTextHtmlTextArea控件例：使用HtmlTextArea控件创建多行文本框：Html代码：<body> <formrunat="server"ID="Form1"> <h3>HtmlTextArea示例</h3> 请输入你的内容:<br> <textareaid="TextArea1"runat="server"NAME="TextArea1"></textarea><br><inputtype="submit"value="提交"runat="server"ID="Submit1"NAME="Submit1"><spanid="Span1"runat="server"></span></form> </body>8HtmlTextArea控件例：使用HtmlHtmlTextArea控件C#代码：

privatevoidSubmit1_ServerClick(objectsender,System.EventArgse){ Span1.InnerHtml="您写的内容是:<br>"+TextArea1.Value;}8HtmlTextArea控件C#代码：2HtmlTextArea控件运行结果图：90HtmlTextArea控件运行结果图：2HtmlTable控件使用HtmlTable控件以编程方式控制服务器上的HTML<table>元素。可以使用这个控件在Web页上创建表。通过设置BgColor、Border、BorderColor、Height和Width属性可以动态更改<table>元素的外观。还可以通过设置Align、CellPadding和CellSpacing属性来控制单元格内容的显示方式。HtmlTable控件的行存储在该控件的Rows属性中。这样可以以编程方式访问表中的各行。9HtmlTable控件使用HtmlTHtmlTable控件基本属性包括：Border：获取或设置HtmlTable控件的边框宽度（以像素为单位）。Height：获取或设置HtmlTable控件的高度。Rows：获取HtmlTableRowCollection，它包含HtmlTable控件中的所有行。Width：获取或设置HtmlTable控件的宽度。CellPadding：获取或设置HtmlTable控件中单元格内容和单元格边框之间的空间量（以像素为单位）。CellSpacing：获取或设置HtmlTable控件中相邻单元格之间的空间量（以像素为单位）。9HtmlTable控件基本属性包括：2HtmlImage控件

使用该控件可以在Web页上显示图像，可以用编程方式操作HtmlImage控件来更改显示的图像、图像大小及图像相对于其他页元素的对齐方式。

9HtmlImage控件使用该控件可以在WHtmlImage控件基本属性包括：Src属性：设定需要显示的图像文件。Align属性：图像在父容器中的显示位置。Alt属性：当图像没有正确加载时，在图像位置显示的文字。Border属性：设定图像边界宽度，当其值为0时，表示没有边界。Height、Width出属性：设定图像的长、宽值。9HtmlImage控件基本属性包括：3HtmlButton控件可以使用HtmlButton控件对HTML<button>元素进行编程。可以为HtmlButton控件的ServerClick事件提供自定义代码，以指定在单击该控件时执行的操作。9HtmlButton控件可以使用HHtmlButton控件将样式添加到HtmlButton控件：在Web窗体页上声明HtmlButton控件：

<buttonrunat="server"></button>在该控件的开始标记中，包含样式属性并声明希望该按钮显示的样式。

style="font:8ptverdana;background-color: lightgreen;border-color:black;height=30;width:100"9HtmlButton控件将样式添加到HtmHtmlButton控件在HtmlButton控件中包含格式化的文本、图像或其他Web窗体控件：在Web窗体页上声明HtmlButton控件。 <buttonrunat="server"></button>用控件的开始和结束标记之间的格式化标记声明文本。 <b>ClickMe!</b>在控件的开始和结束标记之间，包含希望显示的图像或控件的标记。 <imgsrc=“/MyImage.gif”>9HtmlButton控件在HtmHtmlSelect控件

使用HtmlSelect控件对HTML<select>元素进行编程。默认情况下，此控件呈现为下拉列表框。但是，如果允许多重选择（通过指定Multiple属性）或为Size属性指定大于1的值，则该控件将显示为列表框。9HtmlSelect控件使用HtmHtmlSelect控件若要确定单选HtmlSelect控件中的选定项，首先使用SelectedItem属性获取选定项的索引。然后，可以使用此索引从Items集合中检索选定项。若要确定允许同时进行多重选择的HtmlSelect控件中的选定项，则需要循环访问Items集合并测试每项的Selected属性。还可以将该控件绑定到数据源。设置DataSource属性以指定要将其绑定到该控件的数据源。然后可以通过设置DataValueField和DataTextField属性，分别指定将哪个字段绑定到Value和Text属性。9HtmlSelect控件若要确定单选HtmHtmlSelect控件常用属性包括：Items：获取一个集合，该集合包含在HtmlSelect控件中列出的项。SelectedIndex：获取或设置HtmlSelect控件中的选定项的序号索引。Value：获取HtmlSelect控件中选定项的值或将该控件的SelectedIndex属性设置为具有指定值的列表中的第一个项的索引。Size：获取或设置HtmlSelect控件的高度（以行为单位）。100HtmlSelect控件常用属性包括：3HtmlSelect控件常用属性包括：DataMember：要从具有多个数据集的DataSource获取或设置要绑定到HtmlSelect控件的数据集。DataSource：获取或设置要绑定到HtmlSelect控件的信息源。DataTextField：获取或设置DataSource中的字段，该字段将绑定到HtmlSelect控件中各项的ListItem.Text属性。DataValueField：获取或设置DataSource中的字段，该字段将绑定到HtmlSelect控件中各项的ListItem.Value属性。10HtmlSelect控件常用属性包括：3HtmlForm控件HtmlForm(窗体)控件是设计动态网页一个相当重要的组件，它可以将Client端的数据传送至Server端作处理。在窗体内的确认按钮被按下去后，只要被Form控件所包起来的数据输入控件都会被一并送到Server端，这时Server端收到这些数据及OnServerClick事件后会执行指定的事件程序，并且将执行结果重新下载到Client端浏览器。

10HtmlForm控件HtmlForm(窗体)HtmlForm控件常用属性包括：Enctype：获取或设置将窗体的数据发送到服务器时浏览器使用的编码类型。Method：获取或设置一个值，该值指示浏览器将窗体数据发送到服务器进行处理的方式。默认值是POST，而普通<form>的默认请求方式是GET。如果Method属性为Post(默认值)则表示由Server端来抓取资料，如为Get则表示由浏览器主动上传资料至Server端。10HtmlForm控件常用属性包括：40HtmlInput控件HtmlInput控件会因为Type属性的设定而产生不同种类的控件Inputtype

主要的属性和事件

button事件onserverclick属性value：钮所显示的文字submitresetcheckbox属性checked：是否被选取属性value：获取或设置与HtmlInputControl相关联的值text属性value：输入框内的文字属性maxlength：可输入的最大字符数passwordradio属性checked：是否被选取属性value：获取或设置与HtmlInputRadio相关联的值hidden属性value：获取或设置与HtmlInputHidden相关联的值10HtmlInput控件HtmlInput控件HtmlInput控件HtmlInputButton控件

10HtmlInput控件HtmlInputBuHtmlInput控件HtmlInputCheckBox控件

10HtmlInput控件HtmlInputChHtmlInput控件HtmlInputText控件

HtmlInputText控件创建一个服务器端控件，该控件映射到<inputtype=text>和<inputtype=password>HTML元素，并允许创建单行文本框以接收用户输入，与标准HTML一样，这些控件可用于在HTML窗体中输入用户名和密码。通过使用MaxLength、Size和Value属性，可以分别控制可输入的字符数、控件宽度和控件内容。10HtmlInput控件HtmlInputTeHtmlInput控件HtmlInputHidden控件

10HtmlInput控件HtmlInputHiHtmlInput控件HtmlInputRadioButton控件

10HtmlInput控件HtmlInputRa5.2WEB服务器控件可以使用ASP.NET服务器控件来取代使用<%%>代码块编写动态内容，实现Web页面编程。在.aspx文件中使用包含runat=”server”属性值的自定义标记来声明服务器控件。Web控件中包括传统的表单控件，如TextBox和Button，以及其他更高抽象级别的控件，如Calendar和DataGrid控件。

1105.2WEB服务器控件可以使用ASP.NET服务器控件来取5.2WEB服务器控件它们提供了一些能够简化开发工作的特性，其中包括：丰富而一致的对象模型：WebControl基类实现了对所有控件通用的大量属性，包括ForeColor、BackColor、Font、Enabled等，有助于减少编程错误。对浏览器的自动检测：Web控件能够自动检测客户机浏览器的功能，并相应地调整它们所提交的HTML，从而充分发挥浏览器的功能。数据绑定：在Web窗体页面中，可以对控件的任何属性进行数据绑定。1115.2WEB服务器控件它们提供了一些能够简化开发工作的特性5.2WEB服务器控件所有servercontrols共有的Properties名称说明ClientIDASP.NET为control产生的ID。Controls传回一个ControlCollection对象，用来指示某一control内所包含的子controls(childcontrols)。

EnableViewState指示是否要维护此control的ViewState。

IDControl的ID。NamingContainer用来找出某一control包含在何种对象之内。Page用来找出包含某一control的Page对象。

Parent用来找出包含某一control的parentcontrol。

Site描述此control有关site的信

人人文库> 全部分类> 教育资料 > 课件下载

温馨提示

1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

国家科技创新平台规划Read课件

文档简介

温馨提示

最新文档

评论

国家科技创新平台规划Read课件

文档简介

温馨提示

最新文档

评论

相关文档