HTML5表单教程之input新增加的URL类型与email类型应用
来源:互联网 发布:仙掌游戏 倒闭 知乎 编辑:程序博客网 时间:2024/04/30 12:55
HTML5表单教程之input新增加的URL类型与email类型应用
在过去我们制作此种类型输入框,会用到不少JS验证,如今,有了HTML5写这种效果已经没有那么麻烦了,下面我来给大家介绍两种HTML5的input的新增加的类型应用。
1、URL类型:
设置此类型后,从外观上来看与普通的元素差不多,可是如果你将此类型放到表单中之后,当点击提交按钮,如果此输入框中输入的不是一个URL地址,将无法提交。
运行效果如下图:
2、Email类型:
如果我们讲上面的URL类型的代码中的type修改为email,那么在表单提交的时候,会自动验证此输入框中的内容是否为email格式,如果不是,则无法提交。
运行效果如下图:
本文原地址:http://www.sitejs.cn/sitejs-12730-1.html
- HTML5表单教程之input新增加的URL类型与email类型应用
- HTML5表单教程之input新增加的5种其他类型1种标签
- HTML5表单教程之input新增加的六种时间类型
- HTML5表单教程之input新增加的几种时间类型
- HTML5表单之Input 类型-email
- html5新增加的input类型元素
- HTML5表单之Input 类型-url
- HTML5 input 类型: email及url
- HTML5新增input类型
- HTML5 input元素类型:email及url介绍_html5教程技巧
- HTML5之表单新增类型介绍
- HTML5新增的INPUT输入类型
- HTML5中input标签新增的类型
- HTML5新增input元素的类型
- HTML5表单之Input 类型-number
- HTML5表单之Input 类型-range
- HTML5表单之Input 类型-search
- HTML5新增标签、表单新增类型与属性
- STL容器实现方式归纳
- C#透明按钮
- JavaScript学习笔记(08)之事件及事件处理【好文章分享】
- [Ruby学习总结]Ruby中的类
- it笔试题目(技术)
- HTML5表单教程之input新增加的URL类型与email类型应用
- android数据库操作(一)
- 事情
- windows下 php 导出数据到EXCEL表中
- sourceinsight 语法不显示高亮 symble无法跳转 不解析
- Redis系统性介绍
- 黑马程序员——IO流
- href超链接,打开新标签页
- ASP.NET中DataTable与DataSet之间的转换