表单的input输入类型
email: 用于应该包含 e-mail 地址的输入域
url :
只能输入url格式,url类型用于应该包含URL 地址的输入域。
在提交表单时,会自动验证 url 域的值
number: 只能输入数字
search: 搜索框
range: 范围,可以进行拖动,通过value进行取值
max - 规定允许的最大值,min - 规定允许的最小值
color: color 类型用在input字段主要用于选取颜色
time: 允许你选择一个时间
date: 允许你从一个日期选择器选择一个日期
month: 允许你选择一个月份 定义月与年 (无时区)
week: week类型允许你选择周和年,定义周和年(无时区):
多媒体
Audio(音频)
controls 播放插件
<audio controls>
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
Internet Explorer 8 及更早IE版本不支持 <audio> 元素.
Chrome在2018年10月份更新后关闭了audio、video媒体autoplay自动播放。
</audio>
controls | controls | 如果出现该属性,则向用户显示音频控件(比如播放/暂停按钮)。 |
loop | loop | 如果出现该属性,则每当音频结束时重新开始播放。 |
muted | muted | 如果出现该属性,则音频输出为静音。[ˈmjuːtɪd] |
Video(视频)
<video width="320" height="240" controls>
<source src="movie.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
您的浏览器不支持Video标签。
</video>
controls | controls | 如果出现该属性,则向用户显示控件,比如播放按钮。 |
height | pixels | 设置视频播放器的高度。 |
loop | loop | 如果出现该属性,则当媒介文件完成播放后再次开始播放。 |
muted | muted | 如果出现该属性,视频的音频输出为静音。 |
图片属性
<img src="html5.gif" alt="HTML5" style="width:128px;height:128px">
图片通常使用 alt 属性。 在图片不能显示时,它能替代图片显示