`
lianxiangbus
  • 浏览: 523664 次
文章分类
社区版块
存档分类
最新评论

捣鼓HTML5之表单

 
阅读更多

想当初,刚初学web的时候,做表单需要做些验证,如:email、数字、日期等表单验证。那时菜鸟的我感觉很蛋疼。

现在捣鼓的HTML5,哎哟还不错哦。表单验证很简单,在标签加个属性就搞定,不会javascript的童靴门有救了。呵呵。。。

HTML5提供表单的新属性有:

  • email
  • url
  • number
  • range
  • Date pickers (date, month, week, time, datetime, datetime-local)
  • search
  • color

(1) email 验证


(2) Url 验证


(3) number 验证


(4) range


(5)Date Pickers

HTML5 拥有多个可供选取日期和时间的新输入类型:

  • date - 选取日、月、年
  • month - 选取月、年
  • week - 选取周和年
  • time - 选取时间(小时和分钟)
  • datetime - 选取时间、日、月、年(UTC 时间)
  • datetime-local - 选取时间、日、月、年(本地时间)


体验了一把以后,觉得HTML5不仅方便了用户,更方便了开放者。至于在表单这一块还是蛮人性化的,赞一个!!!

注 : 测试用的是 谷歌chrome(13.0.782.215 ) 浏览器.

<HTML5,表单,web前端>

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics