ASP.NET手册
> 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 控件中被选的值决定显示哪幅图像。

上一篇：
下一篇：