|
马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。
您需要 登录 才可以下载或查看,没有帐号?立即注册
x
HTML5草案的前身名为WebApplications1.0,于2004年被WHATWG提出,于2007年被W3C接纳,并成立了新的HTML工作团队。破洛洛文章简介:input新增添的工夫范例使用。
明天网页教授教养网率领人人一同明白一下HTML5的新特征,标志input在HTML5中新增添的工夫范例的使用,假如在以下这几种输出框中输出的格局不准确,也是没法提交的。
注重:此品种型的input在Opera10+中效果为佳,Chrome中效果不是非常好,表面取决于扫瞄器
1、Date范例:
<form>
<inputid="poluoluo_date"name="poluoluo.com"type="date"/>
<inputtype="submit"value="提交"/>
</form>
假如在之前,我们利用js+CSS+dom才干完成日历选择日期的效果,在HTML5中,我们只必要设置input为date范例便可,提交表单的时分也不必要我们考证数据了,它已帮我们完成了。
运转效果以下图:
2、Time范例:
<form>
<inputid="poluoluo_time"name="poluoluo.com"type="time"/>
<inputtype="submit"value="提交"/>
</form>
此范例是一个专门用来输出工夫的文本框,在提交的时分反省是不是输出了无效的工夫。
运转效果以下图:
3、DateTime范例:
<form>
<inputid="poluoluo_datetime"name="poluoluo.com"type="datetime"/>
<inputtype="submit"value="提交"/>
</form>
datetime范例的input元素是专门用来输出UTC日期和理论的文本框,在提交的时分,对日期和工夫举行无效的反省。
运转效果以下图:
4、DateTime-Local范例:
<form>
<inputid="poluoluo_datetime-local"name="poluoluo.com"type="datetime-local"/>
<inputtype="submit"value="提交"/>
</form>
此范例与datatime范例差未几,只不外是用来输出当地的日期和工夫。
运转效果以下图:
5、Month范例:
<form>
<inputid="poluoluo_month"name="poluoluo.com"type="month"/>
<inputtype="submit"value="提交"/>
</form>
month是一种专门输出月份的文本框,在日历中,你只能选择某一个月,不克不及选择某一天。
运转效果以下图:
6、Week范例:
<form>
<inputid="poluoluo_week"name="poluoluo.com"type="week"/>
<inputtype="submit"value="提交"/>
</form>
week是专门用来输出周(礼拜)的文本框,W前面所跟的数字暗示此周是昔时的第几个礼拜。在日历中只能选择一周,一样不克不及选择某一天。
运转效果以下图:
HTML5在此方面做的还算对照完美了,至于款式的界说,接待人人在此会商!
</p>
这不是理想状况。我们必须尽可能把精力放在改善这项规范,把耗费在派系相争的精力降到最低。 |
|