最新的Web開發教程
 

HTML DOM輸入Number對象


輸入Number對象

輸入數字對象是HTML5中的新。

輸入數字對象表示一個HTML <input>類型為“數字”的元素。

注意: <input>類型為“數字”的元件無法在Internet Explorer 9及更早版本支持。

訪問輸入Number對象

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

var x = document.getElementById("myNumber");
試一試»

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

創建一個輸入Number對象

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

var x = document.createElement("INPUT");
x.setAttribute("type", "number");
試一試»

輸入編號對象屬性

屬性 描述
autocomplete 設置或返回的值autocomplete一個數字字段的屬性
autofocus 設置或返回是否數字字段應該自動獲得焦點的頁面加載時
defaultValue 設置或返回一個數字字段的默認值
disabled 設置或返回是否數字字段被禁用,或者不
form 返回的形式引用包含數字領域
list 返回包含數字領域的數據列表的引用
max 設置或返回的值max數字字段屬性
min 設置或返回的值min一個數字字段的屬性
name 設置或返回的值name數字字段屬性
placeholder 設置或返回的值placeholder數字字段的屬性
readOnly 設置或返回是否號字段是只讀的,或不
required 設置或返回是否數字字段必須提交表單前填寫
step 設置或返回的值step的一些字段的屬性
type 返回哪種類型的形式元素的編號字段是
value 設置或返回的值value一個數域的屬性

輸入號碼對象的方法

方法 描述
stepDown() 由指定數量的遞減輸入數目的值
stepUp() 由指定數量的遞增輸入數目的值

標準屬性和事件

輸入數字對象還支持標準的屬性事件


相關頁面

HTML教程: HTML表單

HTML參考: HTML <input>標籤

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