dd

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!"。