程序師世界是廣大編程愛好者互助、分享、學習的平台,程序師世界有你更精彩!
首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫知識
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
 程式師世界 >> 編程語言 >> .NET網頁編程 >> ASP.NET >> 關於ASP.NET >> HTML服務器控件介紹:HtmlInputImage控件

HTML服務器控件介紹:HtmlInputImage控件

編輯:關於ASP.NET

請首先查看:ASP.NET入門教程:HTML服務器控件。簡單講述了HTML服務器控件的使用方法。

下面開始講解: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)

  1. 上一頁:
  2. 下一頁:
Copyright © 程式師世界 All Rights Reserved