下面開始講解:HtmlInputImage控件
定義和用法
HtmlInputImage控件用來控制<input type="image">元素。在Html中,此元素用來建立一個使用圖片替代常規式樣的按鈕。
屬性和事件
屬性 |
說明 |
Align
圖片的對齊方式
Alt
為圖片顯示的一段備用文字
Attributes
返回此元素所有屬性名和屬性值
Border
此元素邊框的寬度
Disabled
指明此控件是否被禁止的一個布爾值。默認值是false
id
此控件的唯一id
Name
此元素的名稱
OnServerClick
圖片被點擊時要執行的函數的名稱 clicked
runat
規定此控件是服務器控件。 必須被設置為"server"
Src
圖片的來源
Style
設置或返回應用於此控件的CSS特性
TagName
返回此元素的標簽名稱
Type
此元素的類型
Value
此元素的值
Visible
指明此控件是否可見的一個布爾值
示例
在此示例中我們在一個.ASPx文件中聲明兩個HtmlInputImage控件和一個HtmlGeneric控件(要記住把控件嵌入HtmlForm控件中)。如果用戶點擊第一個圖片,子程序button1被執行。此子程序發送消息"You clicked the smiley button!"到p元素。如果用戶點擊第一個圖片,子程序button1被執行。此子程序發送消息"You clicked the angry button!"到p元素。 加此信息網頁教學網(webjx.com)發布目的是為了防止你變懶!webjx.com不主張采集!
<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="/images/smiley.gif"
OnServerClick="button1" runat="server" />
</p>
<p>
<input type="image" src="/images/angry.gif"
OnServerClick="button2" runat="server" />
</p>
<p id="p1" runat="server" />
</form>
</body>
</Html>
在本示例中你也許要用到這兩個小圖片,請把它們保存到正確的路徑下。
Smiley Angry)