ASP.NET 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

<script  runat="server">
Sub Page_Load(Sender As Object,E As EventArgs)
   image1.Src="smiley.gif"
   image1.Alt="Smiley"
   image1.Border="3"
End Sub
</script>
 
<!DOCTYPE html>
<html>
<body>
 
<form runat="server">
<img id="image1" runat="server" />
</form>
 
</body>
</html>

在本例中，我们在 .aspx 文件中声明了一个 HtmlImage 控件（记得把控件嵌套在 HtmlForm 控件中）。然后我们在一个事件句柄（事件句柄是一种针对给定事件来执行代码的子例程）中修改这个 HtmlImage 控件的 src、alt 和 border 属性。Page_Load 事件是 ASP .NET 可理解的众多事件之一。

HTMLImage 2

<script  runat="server">
Sub choose_image(Sender As Object, e As EventArgs)
   image1.Src = select1.Value
End Sub
</script>
 
<!DOCTYPE html>
<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="smiley.gif" runat="server" width="32" height="32" />
</form>
 
</body>
</html>

在本例中，我们在 .aspx 文件中声明了一个 HtmlImage 控件和一个 HTMLSelect 控件（记得把控件嵌套在 HtmlForm 控件中）。然后我们基于用户的选择来修改 HtmlImage 控件的 src 属性。在 HtmlSelect 控件中被选的值决定显示哪幅图像。