最新的Web開發教程
 

HTML DOM輸入圖像對象


輸入圖像對象

輸入圖像對象表示一個HTML <input>類型為“圖像”元件。

進入輸入圖像對象

可以訪問的<input>通過使用與類型=“圖像”元件getElementById()

var x = document.getElementById("myImage");

提示:也可以訪問<input type="image">通過經由搜索元素形式的集合。

創建一個輸入圖像對象

可以創建<input>通過使用類型為“圖像”元件document. createElement() document. createElement()方法:

var x = document.createElement("INPUT");
x.setAttribute("type", "image");

輸入圖像對象屬性

=屬性加入HTML5。

屬性 描述
alt 設置或返回的值alt的輸入圖像的屬性
autofocus 設置或返回是否輸入圖像應該自動獲得焦點的頁面加載時
defaultValue 設置或返回輸入圖像的默認值
disabled 設置或返回是否輸入圖像被禁用,或者不
form 返回到形式的參考包含輸入圖像
formAction 設置或返回的值formaction輸入圖像的屬性
formEnctype 設置或返回的值formenctype輸入圖像的屬性
formMethod 設置或返回的值formmethod輸入圖像的屬性
formNoValidate 設置或返回是否表單數據應被驗證或沒有,在提交
formTarget 設置或返回的值formtarget屬性的輸入圖像
height 設置或返回的值height的輸入圖像的屬性
name 設置或返回的值name的輸入圖像的屬性
src 設置或返回的值src輸入圖像的屬性
type 返回哪種類型的形式元件的輸入圖像是
value 設置或返回的值value的輸入圖像的屬性
width 設置或返回的值width的輸入圖像的屬性

標準屬性和事件

輸入圖像對象也支持標準的屬性事件


相關頁面

HTML教程: HTML表單

HTML參考: HTML <input>標籤

HTML參考: HTML <input>類型屬性