定义和用法
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!"。