<!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 新标签
最新推荐文章于 2022-04-25 20:52:36 发布