云服务器

推荐列表 站点导航

当前位置:首页 > 服务器技术 > 云服务器 >

服务器_HTML服务器控件介绍:HtmlSelect控件,请首先查看:ASP.NET入门教程:HT

来源:网络整理  作者:  发布时间:2020-12-22 18:46
HTML服务器控件介绍:HtmlSelect控件,请首先查看:ASP.NET入门教程:HTML服务器控件。简单讲述了HTML服务器控件的使用方法。...

请首先查看:ASP.NET入门教程:HTML服务器控件。简单讲述了HTML服务器控件的使用方法。

下面开始讲解:HtmlSelect控件

定义和用法

HtmlSelect控件用来控制<select>元素。在HTML中,<select>元素用来建立一个下拉列表。

属性

属性 说明
Attributes   返回此元素所有属性名和属性值  
DataMember   要使用的数据表名称  
DataSource   要使用的数据源名称  
DataTextField   数据源中的一个将被显示在下拉列表中的字段  
DataValueField   数据源中的一个指定下拉列表中每个可选项的值的字段  
Disabled   指明此控件是否被禁止的一个布尔值。默认值是false  
id   此控件的唯一id  
InnerHtml   设置或返回HTML元素开始标签和结束标签之间的内容。特殊字符不会被自动转换成HTML实体  
InnerText   设置或返回HTML元素开始标签和结束标签之间的所有文本。特殊字符将被自动转换成HTML实体  
Items   下拉列表选项清单  
Multiple   是否可一次选择多项  
OnServerChange   选择项发生变化时将被执行的函数名称  
runat   规定此控件是服务器控件。  必须被设置为"server"  
SelectedIndex   被选项的索引指针  
Size   下拉列表中的可见选项数目The number of visible items in the drop-down list  
Style   设置或返回应用于此控件的CSS特性  
TagName   返回此元素的标签名称  
Value   当前选中项的值  
Visible   指明此控件是否可见的一个布尔值  

示例

在此示例中我们在一个.aspx文件中声明一个HtmlImage及一个HTMLSelect控件(要记住把控件嵌入HtmlForm控件中)。然后我们根据用户的选择来修改HtmlImage控件的src属性。在HtmlSelect控件中选中的值决定了哪个图片被显示。看到本信息,说明该文章来源于网页教学网,如果文章不完整请到网页教学网phpstudy.net浏览!

<script  runat="server">
Sub choose_image(Sender As Object, e As EventArgs)
   image1.Src = "/images/" & select1.Value
End Sub
</script>

<html>
<body>

<form runat="server">
<select id="select1" runat="server">
   <option value="smiley.gif">Smiley</option>
   <option value="angry.gif">Angry</option>
   <option value="stickman.gif">Stickman</option>
</select>
<input type="submit" runat="server" value="Display image"
OnServerClick="choose_image">
<br /><br />
<img id="image1" src=https://www.xp.cn/"/images/smiley.gif" runat="server" />
</form>

</body>
</html>
 

在本示例中你也许要用到这几个小图片,请把它们保存到正确的路径下。
Smiley Angry Stickman )

相关热词: HTML 服务器 教程

本站内容来源于网络,如有侵权请与我们联系,我们会及时删除,我们深感抱歉!
注:本站所有信息仅供用于网络技术学习参考,学习中请遵循相关法律法规!

本文地址: https://v30.fanwenzhu.com/server/yun/7290.shtml

最新文章
租用云服务器后的备案问 租用云服务器后的备案问

时间:2021-01-05

百度云服务器bcc有什么优 百度云服务器bcc有什么优

时间:2021-01-05

什么是云服务器cvm?怎么 什么是云服务器cvm?怎么

时间:2021-01-05

云服务器怎么保证信息安 云服务器怎么保证信息安

时间:2021-01-05

云服务器怎么预防被攻击 云服务器怎么预防被攻击

时间:2021-01-05

阿里云ECS实例设置用户r 阿里云ECS实例设置用户r

时间:2020-12-29

阿里云ECS服务器入门使用 阿里云ECS服务器入门使用

时间:2020-12-29

怎么配置云服务器 怎么配置云服务器

时间:2020-12-28

Copyright © www.juheyunku.com      关于 | 合作 | 声明 | 联系 | 更新 | 地图 | Tags

服务器_HTML服务器控件介绍:HtmlSelect控件,请首先查看:ASP.NET入门教程:HT

2020-12-22 编辑:

请首先查看:ASP.NET入门教程:HTML服务器控件。简单讲述了HTML服务器控件的使用方法。

下面开始讲解:HtmlSelect控件

定义和用法

HtmlSelect控件用来控制<select>元素。在HTML中,<select>元素用来建立一个下拉列表。

属性

属性 说明
Attributes   返回此元素所有属性名和属性值  
DataMember   要使用的数据表名称  
DataSource   要使用的数据源名称  
DataTextField   数据源中的一个将被显示在下拉列表中的字段  
DataValueField   数据源中的一个指定下拉列表中每个可选项的值的字段  
Disabled   指明此控件是否被禁止的一个布尔值。默认值是false  
id   此控件的唯一id  
InnerHtml   设置或返回HTML元素开始标签和结束标签之间的内容。特殊字符不会被自动转换成HTML实体  
InnerText   设置或返回HTML元素开始标签和结束标签之间的所有文本。特殊字符将被自动转换成HTML实体  
Items   下拉列表选项清单  
Multiple   是否可一次选择多项  
OnServerChange   选择项发生变化时将被执行的函数名称  
runat   规定此控件是服务器控件。  必须被设置为"server"  
SelectedIndex   被选项的索引指针  
Size   下拉列表中的可见选项数目The number of visible items in the drop-down list  
Style   设置或返回应用于此控件的CSS特性  
TagName   返回此元素的标签名称  
Value   当前选中项的值  
Visible   指明此控件是否可见的一个布尔值  

示例

在此示例中我们在一个.aspx文件中声明一个HtmlImage及一个HTMLSelect控件(要记住把控件嵌入HtmlForm控件中)。然后我们根据用户的选择来修改HtmlImage控件的src属性。在HtmlSelect控件中选中的值决定了哪个图片被显示。看到本信息,说明该文章来源于网页教学网,如果文章不完整请到网页教学网phpstudy.net浏览!

<script  runat="server">
Sub choose_image(Sender As Object, e As EventArgs)
   image1.Src = "/images/" & select1.Value
End Sub
</script>

<html>
<body>

<form runat="server">
<select id="select1" runat="server">
   <option value="smiley.gif">Smiley</option>
   <option value="angry.gif">Angry</option>
   <option value="stickman.gif">Stickman</option>
</select>
<input type="submit" runat="server" value="Display image"
OnServerClick="choose_image">
<br /><br />
<img id="image1" src=https://www.xp.cn/"/images/smiley.gif" runat="server" />
</form>

</body>
</html>
 

在本示例中你也许要用到这几个小图片,请把它们保存到正确的路径下。
Smiley Angry Stickman )

本站内容来源于网络,如有侵权请与我们联系,我们会及时删除,我们深感抱歉!
注:本站所有信息仅供学习参考!
本文地址为 https://v30.fanwenzhu.com/server/yun/7290.shtml

相关文章

风云图片

推荐阅读

返回云服务器频道首页