【Html5表单的input输入类型和多媒体】

表单的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 属性。 在图片不能显示时，它能替代图片显示