ASP.NET HtmlInputImage 控件

定义和用法

HtmlInputImage 控件用于控制 <input type="image"> 元素。在 HTML 中，该元素用于创建使用图像的按钮，可代替常规的按钮。

属性

属性	描述
Align	图像的对齐方式。
Alt	供显示的图像替代文本。
Attributes	返回该元素的所有属性名称和值对。
Border	元素周围的边框的宽度。
Disabled	布尔值，指示是否禁用该控件。默认是 false。
id	控件的唯一 id。
Name	元素的名称。
OnServerClick	当图像被点击时被执行的函数的名称。
runat	规定该控件是一个服务器控件。必须被设置为 "server"。
Src	图像的源。
Style	设置或返回被应用到该控件的 CSS 属性。
TagName	返回元素的标签名。
Type	元素的类型。
Value	元素的值。
Visible	布尔值，指示该控件是否可见。

实例

HTMLInputImage

<script  runat="server">
Sub button1(Source As Object, e As ImageClickEventArgs)
      p1.InnerHtml="You clicked the smiley button!"
End Sub
Sub button2(Source As Object, e As ImageClickEventArgs)
      p1.InnerHtml="You clicked the angry button!"
End Sub
</script>

<!DOCTYPE html>
<html>
<body>

<form runat="server">
<p>Click on one of the images:</p>
<p>
<input type="image" src="smiley.gif"
OnServerClick="button1" runat="server" width="32" height="32" />
</p>
<p>
<input type="image" src="angry.gif"
OnServerClick="button2" runat="server" width="32" height="32" />
</p>
<p id="p1" runat="server" />
</form>

</body>
</html>

在本例中，我们在 .aspx 文件中声明了两个 HtmlInputImage 控件和一个 HtmlGeneric 控件（记得把控件嵌套在 HtmlForm 控件中）。如果用户点击了第一个图像，则会执行 button1 子例程。这个子例程会向 p 元素发送消息 "You clicked the smiley button!"。如果用户点击了第二个图像，则会执行 button2 子例程。这个子例程会向 p 元素发送消息 "You clicked the angry button!"。