閱讀(21k) 書簽贊(0) 我要糾錯

HTML DOM Input Datetime 對象

2023-04-10 10:05 更新

Input Datetime 對象是 HTML5 新增的。

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

注意： Internet Explorer, Firefox, Opera 15 (及更高版本) 或 Chrome 支持 <input> 元素使用 type="datetime"。

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

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

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

你可以使用 document.createElement() 方法來創(chuàng)建使用 type="datetime" 屬性的 <input> 元素:

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

Input Datetime 對象屬性

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

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