HTML5表单之input type

HTML5规范中,关于表单的内容占了很大一部分,因为我们平时浏览网页的时候用到表单的地方很多,在这之前,我们对于表单元素的操作往往是通过大量的JS来进行的,比如表单验证,比如时间选择等等,虽然现在有很多关于表单操作的插件,诸如jquery.validate.js,my97datepicker.js等,但是插件所带来的流量对于许多追求高效的攻城湿们来说是很难忍受的,而且因为是别人的东西,万一被你发现了一个bug,却没人再去维护这个东西了,那真的是很纠结的一件事情,所以说,有些东西原配是比小三要好的。

现在有了html5,我们就可以摆脱很大一部分的代码量去对表单中的元素进行操作,只需要在相应的元素上加上这个、那个属性就可以了。下面就介绍一下关于html5表单的一些扩展功能。


一、新的输入类型

Html5对input强化了许多,增加了很多新的type属性,但是现在好像不是所以支持HTML5的浏览器都能支持这些属性,暂时先把这些属性及范例罗列一下:

HTML5表单之input type  前端 web 小知识 小技巧 第1张可能上面的一些类型在输入的时候与text类型的一样,比如emal,url等类型的input,通常这种type的定义是用在form提交验证的时候有效,这点以后会把博文贴上来。 


原文链接:,转发请注明来源!
「HTML5表单之input type 」评论列表

发表评论