轻松上手,快乐学习!

HTML DOM Input Datetime 对象


Input Datetime 对象

Input Datetime 对象代表一个 type="datetime" 的 HTML <input> 元素。

注释: 带 type="datetime" 的 <input> 元素在任何主要浏览器中都不会显示为任何 datetime 字段/日历,Safari 除外。

访问 Input Datetime 对象

您可使用 getElementById() 来访问带有 type="datetime" 的 <input> 元素:

实例

var x = document.getElementById("myDatetime");
亲自试一试 »

提示: 您还可以通过搜索表单的 elements 元素集合来访问 <input type="datetime">。

创建 Input Datetime 对象

您可使用 document.createElement() 方法来创建带有 type="datetime" 的 <input> 元素:

实例

var x = document.createElement("INPUT");
x.setAttribute("type", "datetime");
亲自试一试 »

Input Datetime 对象属性

属性 描述
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 对象方法

方法 描述
stepDown() 按指定的数字递减 datetime 字段的值
stepUp() 按指定的数字递增 datetime 字段的值

标准属性和事件

Input Datetime 对象还支持标准 属性事件


相关页面

HTML 教程: HTML 表单

HTML 参考手册: HTML <input> 标签

HTML 参考手册: HTML <input> type 属性