HTML Controls->ASP.NET HtmlInputImage Control
Definition and Usage
The HtmlInputImage control is used to control an <input type="image"> element. In HTML, this element is used to create an input button using an image, instead of a regular push-style button.
Properties and Events
| Property | Description |
|---|---|
| Align | The alignment of the image |
| Alt | An alternate text to display for the image |
| Attributes | Returns all attribute name and value pairs of the element |
| Border | The width of the borders around the element |
| Disabled | A Boolean value that indicates whether or not the control should be disabled. Default is false |
| id | A unique id for the control |
| Name | The name of the element |
| OnServerClick | The name of the function to be executed when the image is clicked |
| runat | Specifies that the element is a server control. Must be set to "server" |
| Src | The source of the image |
| Style | Sets or returns the CSS properties that are applied to the control |
| TagName | Returns the element tag name |
| Type | The type of the element |
| Value | The value of the element |
| Visible | A Boolean value that indicates whether or not the control should be visible |
Examples
HTMLInputImage
ASPX Source:
| <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> <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> |
Output Result:
|
Click on one of the images:
|
|
Click on one of the images:
You clicked the angry button! |
In this example we declare two HtmlInputImage controls and one HtmlGeneric control in an .aspx file (remember to embed the controls inside an HtmlForm control). If the user clicks on the first image, the button1 subroutine is executed. This subroutine sends the message "You clicked the smiley button!" to the p element. If the user clicks on the second image, the button2 subroutine is executed. This subroutine sends the message "You clicked the angry button!" to the p element.
浙公网安备 33010602011771号