HTML DOM Input Number 對象

Input Number 對象

Input Number 對像是HTML5 新增的。

Input Number 對象表示使用type="number" 的HTML <input> 元素。

注意： Internet Explorer 9及更早IE版本不支持使用type="number"屬性的<input>元素。

你可以使用getElementById() 函數來訪問使用type="number" 屬性的<input> 元素:

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

提示：你同樣可以通過表單的元素集合來訪問Input Number對象。

你可以使用document.createElement() 方法來創建使用type="number" 屬性的<input> 元素：

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

屬性	描述
autocomplete	設置或返回number 字段的autocomplete 屬性值
autofocus	設置或返回number 字段在頁面加載後是否自動獲取焦點
defaultValue	設置或返回number 字段默認的值
disabled	設置或返回number 字段是否可用
form	返回使用number 字段的表單引用
labels	返回number 字段的標籤元素列表
list	返回包含了number 字段的datalist 引用
max	設置或返回number 字段的max 屬性值
min	設置或返回number 字段的min 屬性值
name	設置或返回number 字段的name 屬性值
placeholder	設置或返回number 字段的placeholder 屬性值
readOnly	設置或返回number 字段是否只讀
required	設置或返回number 字段在表單中是否為必填字段
step	設置或返回number 字段的step 屬性值
type	返回number 字段的表單元素類型
value	設置或返回number 字段的value 屬性值

Input Number對象同樣支持標準屬性和事件。

HTML教程: HTML表單