input元素的url类型和email类型是怎样的-创新互联

input元素的url类型和email类型是怎样的,针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。

成都创新互联是一家专注于网站制作、做网站与策划设计,梅州网站建设哪家好?成都创新互联做网站,专注于网站建设十余年,网设计领域的专业建站公司;建站业务涵盖:梅州等地区。梅州做网站价格咨询:13518219792

1、URL类型:


       
       

设置此类型后,从外观上来看与普通的元素差不多,可是如果你将此类型放到表单中之后,当点击提交按钮,如果此输入框中输入的不是一个URL地址,将无法提交。

运行效果如下图:
input元素的url类型和email类型是怎样的
2、Email类型:

       
       

如果我们讲上面的URL类型的代码中的type修改为email,那么在表单提交的时候,会自动验证此输入框中的内容是否为email格式,如果不是,则无法提交。


关于input元素的url类型和email类型是怎样的问题的解答就分享到这里了,希望以上内容可以对大家有一定的帮助,如果你还有很多疑惑没有解开,可以关注创新互联行业资讯频道了解更多相关知识。


新闻标题:input元素的url类型和email类型是怎样的-创新互联
文章出自:http://scyanting.com/article/jpphe.html