HTML5新增加的属性
需积分: 0 187 浏览量
2023-07-20
10:14:58
上传
评论
收藏 1MB PDF 举报
扩展：HTML 5 中的表单控件
!
在前⾯⼀⼩节中所介绍的表单验证，⼤多都是通过正则表达式来实现的。⽽在 HTML5 中，则简化
了表单验证的操作，为许多常⽤的信息验证添加了默认的验证规则，⼤⼤提⾼了开发⼈员的开发效
率。如果不是对表单信息验证有⾮常特殊的要求的话，HTML5 所提供的默认的验证规则完全能够
胜任。
这⼀⼩节，就让我们⼀起来看⼀下 HTML5 中新添加的这些⾃带验证规则的表单控件以及新增的表
单属性。
1. 新增的表单控件
!
1. email 类型
主要⽤于⽤户输⼊ email 地址的，在提交表单时，会⾃动验证 email 输⼊框的值，如果不是⼀个有
效的 email，则会报错。
<body>
<form action="">
<input type="email" name="" id="">
<button>提交</button>
</form>
</body>
效果：
对于不⽀持 type=email 的浏览器，则会将其作为普通⽂本框来处理，这⾥也体现了 HTML 5 中平
稳退化的设计原则。
注：包括后⾯新增的类型，不⽀持的浏览器也是作为普通⽂本框来显示。
2. url 类型
主要⽤于输⼊ url 地址的，在提交表单的时候，会⾃动验证 url 输⼊框⾥⾯的值，如果不是⼀个有
剩余12页未读，继续阅读
资源评论
