当前位置: 首页 > 图文教程 > 网络编程 > ASP.NET > HTML服务器控件介绍:HtmlImage控件

ASP.NET
ASP.NET开发:简化应用程序的开发支持Web标准
asp.net XMLHttpRequest实现用户注册前的验证
asp.net 页面间传值方法小结
asp.net url重写浅谈
asp.net 验证码生成和刷新及验证
C#精髓 GridView72大绝技 学习gridview的朋友必看
实例说明asp.net中的简单角色权限控制
asp.net网站开发包wq.dll打包下载
js与ASP.NET 中文乱码问题
asp.net checkbox 动态绑定id GridView删除提示
asp.net TextBox回车触发事件 图片在img显示
asp.net 脏字典过滤问题 用正则表达式来过滤脏数据
asp.NET 脏字过滤算法
asp.NET 脏字过滤算法 修改版
asp.net sql 数据库处理函数命令
asp.net Javascript 的几种写法与提示
ASP.NET MVC学习笔记
asp.net 中国身份证号码验证代码 非正则
Asp.net中使用Sqlite数据库的方法
asp.net 中文字符串提交乱码的解决方法

ASP.NET 中的 HTML服务器控件介绍:HtmlImage控件


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-28   浏览: 223 ::
收藏到网摘: n/a

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

下面开始讲解:HtmlImage控件

定义和用法

HtmlImage控件用来控制<img>元素。在HTML中,<img>元素被用来显示一个图像。


属性

属性 说明
Align 此图像如何根据周围的元素对齐。合法值有:
  • top
  • middle
  • bottom
  • left
  • right
Alt 此图像的一个简短描述
Attributes 返回此元素所有属性名和属性值
Border 环绕此图像的边框的宽度
Disabled 指明此控件是否被禁止的一个布尔值。默认值是false
Height 此图像的高度
id 此控件的唯一id
runat 规定此控件是服务器控件。 必须被设置为 "server"
Src 要显示的图像的URL
Style 设置或返回应用于此控件的CSS特性
TagName 返回元素标签名称
Visible 指明此控件是否可见的一个布尔值
Width 此图像的宽度

示例

HTMLImage
在此示例中我们在一个.aspx文件中声明一个HtmlImage控件(要记住把控件嵌入HtmlForm控件中)。然后我们在一个事件句柄(事件句柄是为某一个给定事件执行代码的一段子程序)中修改此HtmlImage控件的src、alt和border属性。Page_Load事件是ASP .NET识别的许多事件之一:看到本信息说明该文是通过网页教学(RuanChen.Com)整理发布的,请不要删掉!

<script  runat="server">
Sub Page_Load(Sender As Object,E As EventArgs)
   image1.Src="/images/smiley.gif"
   image1.Alt="Smiley"
   image1.Border="3"
End Sub
</script>


<html>
<body>

<form runat="server">
<img id="image1" runat="server" />
</form>

</body>
</html>

HTMLImage 2
在此示例中我们在一个.aspx文件中声明一个HtmlImage和一个HTMLSelect控件(要记住把控件嵌入HtmlForm控件中)。然后我们根据用户的选择修改此HtmlImage控件的src属性。在HtmlSelect控件中选取的值决定显示哪一个图像。本文由软晨学习网RuanChen.Com整理发布!转载请注明出处,谢谢!

<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="/images/smiley.gif" runat="server" />
</form>

</body>
</html>

在以上示例中会用到这些图像,注意把它们存放到适当的目录中: