<body>
<progress value="30" max="100" min="1" >进度条</progress>
<br>
<meter max="100" min="1" value="80" low="40" high="60"></meter>
<!-- 类似于内存卡的储存进度,低于low是一种颜色,40到60是一种颜色,60以上是一种颜色,可修改 -->
<br>
<input type="text" name="" list="why">
<!-- 输入框多选框 -->
<datalist id="why">
<!-- 多选框选项,id=list -->
<option value="abl">阿波罗IE</option>
<option value="hws">兰博基尼黑武士</option>
<option value="kdlk">凯迪拉克</option>
</datalist>
<p>
邮箱:<input type="email" name="email" /><!-- 邮箱输入框,自动验证是否邮箱格式 -->
</p>
<p>
url:<input type="url" name="url"><!-- 网页输入框,自动验证是否符合网页格式 -->
</p>
<p>
纯数字:<input type="number" name="" step="3" max="100" min="11"><!-- number纯数字文本框,step每次上下浮动量,max输入最大值,min输入最小值 -->
</p>
<audio src="" controls="controls">音频播放</audio>
<video src="" controls="controls" autoplay="autoplay"
muted="muted"
poster="">视频播放</video>
<!-- controls播放控件 -->
<!-- autoplay自动播放,在静音下打开即播放 -->
<!-- muted初始静音 -->
<!-- poster视频封面 -->
</body>
网页中插入视频播放,音频播放,自动验证输入框格式
最新推荐文章于 2024-08-07 21:02:54 发布
![](https://img-home.csdnimg.cn/images/20240711042549.png)