第3章 HTML 服务器控件.doc

参考网站：/注意：将文件拖到任务栏VS2003上松开鼠标，右单击编辑区空白，选择移动到项目，但不关联类，关掉原来打开的文件窗口，从管理方案资源管理器中重新打开文件。 或者直接将文件拖到解决方案资源管理器的项目名下。这两种方式都是将原来那个文件复制一份到项目中，题做完后要另存为X3-01.aspx。HTML 服务器控件是服务器可理解的 HTML 标签，是HTML标签的扩充，也是对其的对象化。HTML 服务器控件ASP.NET 文件中的 HTML 元素默认作为文本进行处理。为了使这些元素可编程化，需要向 HTML 元素添加 runat=server 属性。该属性指示该元素应作为服务器控件进行处理。注释：所有 HTML 服务器控件必须位于带有 runat=server 属性的 标签内！注释：ASP.NET 要求所有 HTML 元素必须正确关闭和嵌套。HTML 服务器控件描述HtmlAnchor控制 HTML 元素HtmlButton控制 HTML 元素HtmlForm控制 HTML 元素 6、11、16HtmlGeneric控制其他未被具体的 HTML 服务器控件规定的 HTML 元素，如 、。 2、8、15HtmlImage控制 HTML 元素 2、8、14、18、19HtmlInputButton控制 、 以及 1、5、9、13、17、18、19HtmlInputCheckBox控制 HTML 元素HtmlInputFile控制 HTML 元素 3、7、12、20HtmlInputHidden控制 HTML 元素HtmlInputImage控制 HTML 元素HtmlInputRadioButton控制 HTML 元素 1、4、5、8、9、10、13、14、17HtmlInputText控制 和 HTML 元素HtmlSelect控制 HTML 元素 2、8、14、18、19HtmlTable控制 HTML 元素HtmlTableCell控制 和 HTML 元素HtmlTableRow控制 HTML 元素HtmlTextArea控制 HTML 元素 4、6、10、11、15、16、 、：HtmlInputRadioButton、HtmlInputButton HtmlInputRadioButton 控件用于控制 元素。 HTML控件工具箱中的RadioButton在 HTML 中，该元素用于创建单选按钮。属性属性描述Attributes返回该元素的所有属性名称和值对。Checked布尔值，规定该元素是否被选中(true or false)。Disabled布尔值，指示是否禁用该控件。默认是 false。id控件的唯一 通过此属性控制每个控件。Name单选按钮组的名称，name值相同的单选按钮为一组。必须设置此属性的值，其它控件则可以不设置此属性的值。onServerChange当该按钮的状态被改变时执行的函数的名称。runat规定该控件是一个服务器控件。必须被设置为 server。Style设置或返回被应用到该控件的 CSS 属性。TagName返回元素的标签名。Type元素的类型。单选按钮的Type值为radio。Value元素的值。Visible布尔值，指示该控件是否可见。实例：在本例中，我们在 .aspx 文件中声明了三个 HtmlInputRadioButton 控件，一个 HtmlInputButton 控件，一个 HtmlGeneric 控件。当提交按钮被触发时，会执行 submit 子例程。submit 子例程有三种响应方式：如果选择了带有 id=r1 的单选按钮，则服务器向 p 元素发送消息 Your favorite color is red。如果选择了带有 id=r2 的单选按钮，则服务器向 p 元素发送消息 Your favorite color is green。如果选择了带有 id=r3 的单选按钮，则服务器向 p 元素发送消息 Your favorite color is blue。Sub submit(Source As Object, e As EventArgs)if r1.Checked=True then p1.InnerHtml=Your favorite color is redelse if r2.Checked=True then p1.InnerHtml=Your favorite color is green else if r3.Checked=True then p1.InnerHtml=Your favorite color is blue end if end ifend ifEnd Sub请选择您喜欢的颜色：RedGreenBlue注意：radio的onServerChange事件和submit的OnServerClick只处理其中一个即可。HtmlInputButton 控件用于控制 、 以及 元素。HTML控件工具箱中的Button、Submit Button、Reset Button在 HTML 中，这个元素用于创建按钮、提交按钮以及重置按钮。属性属性描述Attributes返回该元素的所有属性名称和值对。Disabled布尔值，指示是否禁用该控件。默认是 false。id该控件的唯一 id。Name元素的名称。OnServerClick当该按钮被点击时被执行的函数的名称。runat规定该控件是一个服务器控件。必须被设置为 server。Style设置或返回被应用到控件的 CSS 属性。TagName返回元素的标签名。Type该元素的类型。可为button、submit、resetValue元素的值。Visible布尔值，指示该控件是否可见。实例在本例中，我们在 .aspx 文件中声明了一个 HtmlInputText 控件，一个 HtmlInputButton 控件，以及一个 HtmlGeneric 控件。当提交按钮被触发时，会执行 submit 子例程。这个 submit 子例程会向 p 元素写一条欢迎消息。Sub submit(sender As Object, e as EventArgs)if name.value then p1.InnerHtml=欢迎 & name.value & ！ end ifEnd Sub请输入您的名字：、 、：HtmlSelect、HtmlImage、HtmlGeneric HtmlSelect 控件用于控制 元素。在 HTML 中， 元素用于创建下拉列表。HTML控件工具箱中的ListBox属性属性描述Attributes返回该元素的所有属性名称和值对。DataMember要使用的数据表格的名称。DataSource要使用的数据源。DataTextField要显示在此下拉列表中的数据源中的字段。DataValueField规定此下拉列表中每个可选项的值的数据源中的字段。Disabled布尔值，指示是否禁用该控件。默认是 false。id控件的唯一 id。InnerHtml设置或返回该 HTML 元素的开始标签和结束标签之间的内容。特殊字符不会被自动转换为 HTML 实体。InnerText设置或返回该 HTML 元素的开始标签和结束标签之间的所有文本。特殊字符会被自动转换为 HTML 实体。Items下拉列表中的项目的列表。Multiple是否能同时选择多个项目。OnServerChange当被选项目被更改时被执行的函数的名称。runat规定该控件是一个服务器控件。必须被设置为 server。SelectedIndex当前被选项目的索引号。Size下拉列表中可见项目的数目。Style设置或返回被应用到该控件的 CSS 属性。TagName返回元素的标签名。Value当前被选项目的值。Visible布尔值，指示该控件是否可见。 笑脸灯泡 鼠标HtmlImage 控件用于控制 元素。在 HTML 中， 元素用于显示图像。HTML控件工具箱中的Image属性属性描述Align如何根据周围的元素排列图像。合法的值有：Top、middle、bottom、left、rightAlt关于图像的简短描述。Attributes返回该元素的所有属性名称和值对。Border图像周围的边框的宽度。Disabled布尔值，指示是否禁用该控件。默认是 false。Height图像的高度。id控件的唯一 id。runat规定该控件是一个服务器控件。必须被设置为 server。Src要显示的图像的 URL。Style设置或返回被应用到该控件的 CSS 属性。TagName返回元素的标签名。Visible布尔值，指示该控件是否可见。Width图像的宽度。实例在本例中，我们在 .aspx 文件中声明了一个 HtmlImage 控件和一个 HTMLSelect 控件。然后我们会基于用户的选择来修改 HtmlImage 控件的 src 属性。在 HtmlSelect 控件中被选的值决定显示哪幅图像。Sub choose_image(Sender As Object, e As EventArgs) image1.Src = select1.ValueEnd Sub 笑脸灯泡 鼠标HtmlGeneric 控件用于控制未被具体的 HTML 服务器控件规定的其他 HTML 元素，比如 、 、 、 、 等等。属性属性描述Attributes返回该元素的所有属性名称和值对。Disabled布尔值，指示是否禁用该控件。默认是 false。id控件的唯一 id。InnerHtml设置或返回该 HTML 元素的开始标签和结束标签之间的内容。”aaaabbbb”特殊字符不会被自动转换为 HTML 实体。InnerText设置或返回该 HTML 元素的开始标签和结束标签之间的所有文本。”aaabbb”特殊字符会被自动转换为 HTML 实体。runat规定该控件是一个服务器控件。必须被设置为 server。Style设置或返回被应用到该控件的 CSS 属性。TagName返回元素的标签名。Visible布尔值，指示该控件是否可见。实例在本例中，我们在 .aspx 文件中声明了一个 HtmlInputText 控件，一个 HtmlInputButton 控件，以及一个 HtmlGeneric 控件（ 标签）（请记得把这个控件嵌套在 HtmlForm 控件中）当提交按钮被触发时，会执行 submit 子例程。submit 子例程会向 span 元素写一段欢迎消息。Sub submit(sender As Object, e as EventArgs) if name.value then MySpan.InnerHtml=欢迎 & name.value & ！end ifEnd Sub请输入您的名字：、 、：HtmlInputFile HtmlInputFile 控件用于控制 元素，该元素用于向服务器上传文件。HTML控件工具箱中的FileField属性属性描述Accept可接受的 MIME 类型的列表。Attributes返回该元素的所有属性名称和值对。Disabled布尔值，指示是否禁用该控件。默认是 false。id该控件的唯一 id。MaxLength该元素中所允许的最大字符数。Name元素的名称。PostedFile获取对由客户端指定的上载文件的访问。runat规定该控件是一个服务器控件。必须被设置为 server。Size元素的宽度。Style设置或返回被应用到控件的 CSS 属性。TagName返回元素的标签名。Type元素的类型。Value元素的值。Visible布尔值，指示该控件是否可见。实例在本例中，我们在 .aspx 文件中声明了一个 HtmlInputFile 控件，一个 HtmlInputButton 控件，以及三个 HtmlGeneric 控件。当提交按钮被触发时，会执行 submit 子例程。当文件本身被上传到服务器的 c 目录时，会在页面显示文件名和文件类型：Sub submit(Sender as Object, e as EventArgs) fname.InnerHtml=MyFile.PostedFile.FileName clength.InnerHtml=MyFile.PostedFile.ContentLength MyFile.PostedFile.SaveAs(c:uploadfile.txt)End SubSelect file to upload to server: FileName: ContentLength: bytes、 、：HtmlTextArea HtmlTextArea 控件用于控制 元素。在 HTML 中， 元素用于创建文本域。属性属性描述Attributes返回该元素的所有属性名称和值对。Cols文本域的列数。Disabled布尔值，指示是否禁用该控件。默认是 false。id该控件的唯一 id。InnerHtml设置或返回该 HTML 元素的开始标签和结束标签之间的内容。特殊字符不会被自动转换为 HTML 实体。InnerText设置或返回该 HTML 元素的开始标签和结束标签之间的所有文本。特殊字符会被自动转换为 HTML 实体。Name该文本域的唯一名称。OnServerChange当该文本域的内容被修改时被执行的函数的名称。Rows文本域的可见行数。runat规定该控件是一个服务器控件。必须被设置为 server。Style设置或返回被应用到该控件的 CSS 属性。TagName返回元素的标签名。Value该文本域的值。Visible布尔值，指示该控件是否可见。实例在本例中，我们在 .aspx 文件中声明了一个 HtmlTextarea 控件，一个 HtmlInputButton 控件，以及一个 HtmlGeneric 控件。当触发提交按钮时，会执行 submit 子例程。这个 submit 子例程会向 span 元素发送消息 您写的是: 以及用户在文本框中输入的文本。Sub submit(sender As Object, e As EventArgs) MySpan.InnerHtml = 您写的是： & textarea1.ValueEnd Sub请输入文本：、 、：HtmlForm HtmlForm 控件用于控制 元素。在 HTML 中， 元素用于创建表单。注释：所有 HTML 服务器控件必须位于 HtmlForm 控件内部！注释：在一张页面内，您只能使用一个 HtmlForm 控件！属性属性描述ActionURL，定义当提交表单时把数据送往何处。注释：该属性总是设置为页面自身