首页 > 正文(HTML5教程:input元素的url类型和email类型)

HTML5教程:input元素的url类型和email类型

时间:2019-1-30 23:13:19 来源: 作者:

在过去我们制作网页输入框,会用到不少JS验证,如今有了HTML5写这种效果已经没有那么麻烦了,

下面我来给大家介绍两种HTML5的input的新增加的类型应用。

1、URL类型:

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

 

2、Email类型:

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

 
更多

------分隔线----------------------------

 上一篇:
下一篇:
  网友评论:
验证码:  

推荐文章

    热点文章

      ContactUs(联系我们)  -  Copyright(版权隐私)  - RemovedStatement(免责声明)   - Feedback(用户反馈)

      Copyright  ©  2018-2019 GreatShip--newlifehome.com.cn  All rights reserved