HTML DOM Input Date 對象

Input Date 對象

Input Date 對象是 HTML5 中的新對象。

Input Date 對象表示 HTML <input type="datetime"> 元素。

注釋：Internet Explorer 或 Firefox 不支持 <input type="date"> 元素。

訪問 Input Date 對象

您可以通過使用 getElementById() 來訪問 <input type="date"> 元素：

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

親自試一試

提示：您也可以通過遍歷表單的 elements 集合來訪問 Input Date 對象。

創建 Input Date 對象

您可以通過使用 document.createElement() 方法來創建 <input type="date"> 元素：

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

親自試一試

Input Date 對象屬性

屬性 描述
autocomplete 設置或返回 date 字段的 autocomplete 屬性值。
autofocus 設置或返回 date 字段在頁面加載后是否應自動獲取焦點。
defaultValue 設置或返回 date 字段的默認值。
disabled 設置或返回 date 字段是否被禁用。
form 返回對包含 date 字段的表單的引用。
list 返回對包含 date 字段的 datalist 的引用。
max 設置或返回 date 字段的 max 屬性值。
min 設置或返回 date 字段的 min 屬性值。
name 設置或返回 date 字段的 name 屬性值。
readOnly 設置或返回 date 字段是否是只讀的。
required 設置或返回在提交表單之前是否必須填寫 date 字段。
step 設置或返回 date 字段的 step 屬性值。
type 返回 date 字段的表單元素類型。
value 設置或返回 date 字段的 value 屬性值。

Input Date 對象方法

方法 描述
select() 選擇日期文本字段的內容。
stepDown() 按指定數字遞減日期字段的值。
stepUp() 按指定數字遞增日期字段的值。

標準屬性和事件

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

相關頁面

HTML 教程：HTML 表單

HTML 參考手冊：HTML <input> 標簽

HTML 參考手冊：HTML <input> type 屬性