名站网址导航名站网址导航小编为爱好网页hTML5的朋友提供关于网页hTML5的相关知识。
咱们已经讨论了一些网页hTML5教程改进的地方,比如placeholder,prefetching以及webStorage,下面我要介绍的是两个新的input网页元素类型: email和url。让咱们跟着具体代码来看看他们的好处:DSBAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!
DSBAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!
语法格式:DSBAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!
新的input type属性,将使用 email 或者 url 来替代text:
DSBAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!
具体代码如下:DSBAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!
DSBAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!
<!-- email, 非@ @ 非 @ 符号,也可以使用其他的啦,DSBAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!
比如 [a-zA-Z0-9]{3,30}@[a-zA-Z0-9] w*.(com|cn|org|net) -->DSBAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!
<input type="email" pattern="[^@]*@[^@]*" value="">DSBAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!
<!-- url -->DSBAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!
<input type="url" value="">
DSBAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!
DSBAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!
DSBAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!
使用网页hTML5教程所特有的pattern属性域,您可以提供一个正则表达式来验证email和url地址的格式,咱们将在另一篇文章讨论这个话题。DSBAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!
DSBAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!
优点DSBAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!
- 可以定制特殊的css样式,input[type=email]DSBAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!
- 可以定制特殊的css样式,input[type=url]DSBAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!
- 可以做更多的语义定义DSBAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!
- 移动应用适配性:移动浏览器将会为email和url弹出特殊的键盘,不用用户手动切换。DSBAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!
DSBAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!
最初我很反感添加多余的input type,但深入思考后我觉得对于提高用户体验是一个很好的举措,您认为呢?DSBAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!
DSBAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!
网页hTML5教程 如何预加载让页面快速呈现DSBAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!
DSBAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!
关于网页hTML5的相关知识就说到这里希望可以帮助朋友们。,