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

上一篇:
下一篇: