input元素的url类型和email类型简介_HTML5教程

修改Tag赚U币

引荐:HTML5自界说data-* data(obj)特点和jquery的data()办法的运用
或许咱们在运用jquery mobile时,常常会看到data-role、data-theme等的运用,这些都是HTML5自界说特点,本文收拾一些,需求的朋友能够参阅下

在曩昔咱们制造网页输入框,会用到不少JS验证,现在有了HTML5写这种作用现已没有那么麻烦了,下面我来给咱们介绍两种HTML5的input的新添加的类型运用。
1、URL类型:
<form>
        <input name="urls" type="url" value="http://www.shymjbg.com/"/>
        <input type="submit" value="提交"/>
</form>
设置此类型后,从外观上来看与一般的元素差不多,但是假如你将此类型放到表单中之后,当点击提交按钮,假如此输入框中输入的不是一个URL地址,将无法提交。

运转作用如下图:

2、Email类型:
<form>
        <input name="email" type="email" value="http://www.shymjbg.com/"/>
        <input type="submit" value="提交"/>
</form>
假如咱们讲上面的URL类型的代码中的type修改为email,那么在表单提交的时分,会主动验证此输入框中的内容是否为email格局,假如不是,则无法提交。

假如你有不明白的,能够也能够直接给模板无忧留言,我会从速回复咱们的。
假如看懂这个今后,咱们能够自己操练一下,把操练发上来,协助咱们一同前进!

共享:免费取得微软MCSD证书从速举动吧!
各位园友们,从速举动起来吧,免费取得微软HTML5,JavaScript和CSS3的MCSD证书(价值一千多大洋)感兴趣就一同来吧

来历:不知道//所属分类:HTML5教程/更新时刻:2013-04-22
相关HTML5教程