<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <!-- mark 标记 例如:span背景颜色--> <!-- meter 度量--> <meter value="4" min="1" max="10"></meter> <!-- progress 进度条 --> <progress value="4" min="1" max="10"></progress> <!-- ruby rt 对ruby的解释 rp 当浏览器不支持ruby元素时显示 --> <ruby> 咦 <rt>yi</rt> <rp>不支持</rp> </ruby> <!-- time 时间 --> <!-- datalist 配合 input text使用 相对于select多了一个自动查询功能 --> <input type="text" list="list"> <datalist id="list"> <option value="湖南"/> <option value="湖北"/> <option value="海南"/> </datalist> <!-- ---------新增表单 --> <form action=""> <!-- 自动核实邮箱是否正确 --> <input type="email" name="email"> <!-- 自动核实是否是url --> <input type="url" name="url"> <!--可以指定数字 指定范围 和跳动的幅度 --> <input type="number" name="number" min="0" max="10" value="1" step="2"> <!-- 跟number用法相同,但在页面上显示不同 --> <input type="range" name="range" min="0" max="10" value="1" step="2"> <!-- 时间选择 --> <input type="date" name="date"> <!-- 在移动端可以调取搜索按钮 --> <input type="search" name="search"> <!-- 颜色选择 --> <input type="color" name=""> </form> <!-- 音频播放器 controls autoplay 自动播放 loop 循环播放 preload 预加载--> <audio src="。。/。。。" controls autoplay loop></audio> <!--跟音频播放器一样 --> <video src=""></video> </body> </html>
HTML5 新标签
猜你喜欢
转载自blog.csdn.net/qq727366586/article/details/79265149
今日推荐
周排行