最新的Web開發教程
 

HTML DOM輸入Date對象


輸入日期對象

輸入的日期對象在HTML5是新的。

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

注意: <input>類型為“日期”的元素不顯示如在Firefox任何日期字段/日曆。

訪問輸入Date對象

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

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

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

創建一個輸入Date對象

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

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

輸入日期對象屬性

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

輸入Date對象的方法

方法 描述
stepDown() 由指定數目遞減的日期域的值
stepUp() 由指定數量的遞增日期字段的值

標準屬性和事件

輸入的日期對象也支持標準的屬性事件


相關頁面

HTML教程: HTML表單

HTML參考: HTML <input>標籤

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