有你在真好 的个人博客
HTML5新增标签 表单控件
阅读:2243 添加日期:2021/3/27 23:20:07 原文链接:https://www.toutiao.com/item/6737657738060382728/

HTML5新增标签

新增语义标签

1、

页面头部、页眉

2、

页面导航

3、

一篇文章

4、

文章中的章节

5、

侧边栏

6、

页面底部、页脚

音频视频

1、

2、

PC端兼容h5的新标签的方法,在页面中引入以下js文件:

script type="text/javascript" src="//cdn.bootcss.com/html5shiv/r29/html5.js"></script>

HTML5 新增表单控件

新增类型:网址 邮箱 日期 时间 星期 数量 范围 电话 颜色 搜索

<label>网址:</label><input type="url" name="" required><br><br> 
<label>邮箱:</label><input type="email" name="" required><br><br> 
<label>日期:</label><input type="date" name=""><br><br> 
<label>时间:</label><input type="time" name=""><br><br> 
<label>星期:</label><input type="week" name=""><br><br> 
<label>数量:</label><input type="number" name=""> <br><br>
<label>范围:</label><input type="range" name=""><br><br> 
<label>电话:</label><input type="tel" name=""><br><br> 
<label>颜色:</label><input type="color" name=""><br><br> 
<label>搜索:</label><input type="search" name=""><br><br>

新增常用表单控件属性:

1、placeholder 设置文本框默认提示文字

2、autofocus 自动获得焦点

3、autocomplete 联想关键词

ICP备案号:苏ICP备14035786号-1 苏公网安备 32050502001014号