HTML DOM Input Date 對象

Input Date 對象

Input Date 對像是HTML5 新增的。

Input Date 對象表示使用了type="date" 屬性的HTML <input> 元素。

注意： Internet Explorer或Firefox不支持用type="date"屬性的<input>元素。

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

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

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

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

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

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

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

HTML教程: HTML表單