最新的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>类型属性