html5 日期控件,html日期时间显示

　　1.Email输入框，自动验证Email有效性。 复制代码代码如下：

　　！声明文档类型

　　超文本标记语言

　　身体

　　表单操作=# 方法=get

　　电子邮件：输入类型=电子邮件名称=用户电子邮件/

　　输入类型=提交/

　　/表单

　　/body

　　/html2.number数字输入，验证正确，可以设置开始结束位。 复制代码代码如下：

　　！声明文档类型

　　超文本标记语言

　　身体

　　表单操作=# 方法=get

　　input type= number step= 5 min= 5 max= 20 name= number value= 0 /

　　输入类型=提交/

　　/表单

　　/body

　　/html3.URL输入框，可以验证URL输入的有效性。 表单action= # method= get URL:input type= URL name= user _ email /br/input type= submit //form4.Date pickers (date, month, week, time, datetime, datetime-local)选择框，可以选择日期，时间，月，周。 复制代码代码如下：

　　！声明文档类型

　　超文本标记语言

　　身体

　　表单操作=# 方法=get

　　日期：输入类型=日期名称=用户电子邮件/

　　月：输入类型=月名称=用户电子邮件/

　　周：输入类型=周名称=用户电子邮件/

　　time:input type= time name= user _ email /

　　日期时间：输入类型=日期时间名称=用户电子邮件/

　　日期时间-本地：输入类型= datetime-local name= user _ email /

　　输入类型=提交/

　　/表单

　　/body

　　/html5.datalist输入选择。 复制代码代码如下：

　　！文档类型编辑

　　身体

　　表单操作=# 方法=get

　　网页：输入类型= URL list= URL _ list value= fdf name= user _ email /

　　数据列表id=url_list

　　选项label= w3学校 value= http://www。w3学校。com。cn /

　　选项label= Microsoft value= http://www。微软。com /

　　/datalistinput type=submit/

　　/表单

　　/body

　　/html

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。