UDN-企业互联网技术人气社区

板块导航

浏览  : 1350
回复  : 3

[HTML5] HTML5之input新增加的URL类型与email类型应用

[复制链接]
友美C_cup的头像 楼主
发表于 2015-7-10 23:08:32 | 显示全部楼层 |阅读模式
本帖最后由 友美C_cup 于 2015-8-7 11:28 编辑

    1、URL类型:

  1. <form>
  2.         <input name="urls" type="url" value="http://www.w3cfuns.com/"/>
  3.         <input type="submit" value="提交"/>
  4. </form>
复制代码

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



    2、Email类型:

  1. <form>
  2.         <input name="urls" type="email" value="http://www.w3cfuns.com/"/>
  3.         <input type="submit" value="提交"/>
  4. </form>
复制代码

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






相关帖子

发表于 2015-7-20 11:30:22 | 显示全部楼层
顶   
使用道具 举报

回复

发表于 2015-9-17 21:39:59 | 显示全部楼层
我是被标题吸引进来的
使用道具 举报

回复

发表于 2015-9-17 21:39:59 来自手机 | 显示全部楼层
貌似看过类似的文章
使用道具 举报

回复

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关于我们
联系我们
  • 电话:010-86393388
  • 邮件:udn@yonyou.com
  • 地址:北京市海淀区北清路68号
移动客户端下载
关注我们
  • 微信公众号:yonyouudn
  • 扫描右侧二维码关注我们
  • 专注企业互联网的技术社区
版权所有:用友网络科技股份有限公司82041 京ICP备05007539号-11 京公网网备安1101080209224 Powered by Discuz!
快速回复 返回列表 返回顶部