知识点
1.常用新属性
placeholder <input type="text" placeholder="请输入用户名">占位符提供可描述输入字段预期值的提示信息
autofocus <input type="text" autofocus> 规定当页面加载时 input元素应该自动获得焦点
multiple <input type="file multiple"> 多文件上传
actocomplete <input type="text" autocomplete="off"> 规定表单是否应该启用自动完成功能 有2个值，一个是on 一个是off on代表记录已经输入的值
required <input type="text" required> 必填项
accesskey<input="text" accesskey="s">规定激活(使用元素获得焦点)元素的快捷键 采用alt+字母的形式
2.多媒体标签
embed：标签定义嵌入的内容
audio：播放音频
video：播放视频
3.多媒体embed（会使用）
embed可以用来插入各种多媒体，格式可以是Midi、Wav、AU、MP3等等。url为音频或者视频文件及其路径，可以是相对路径或者绝对路径。
因为兼容性问题，我们这里只讲解插入网络视频。
<embed></embed>
4.多媒体audio
通过src指定音频文件路径即可
<audio src="bgsound.mp3" autoplay="autoplay" controls loop=""-1></audio>
autoplay自动播放autoplay="autoplay"
controls是否显不默认播放控件
loop循环播放 loop="2"唱两次| loop="-1或者loop 无限循环
为了浏览器兼容，我们需要做三种声音文件ogg mp3 wav
<audio controls autoplay>
<source src="bgsound.mp3">
<source src="bgsound.mp3">
您的浏览器不支持播放音频。
5.多媒体video
通过src属性指定视频文件的路径
<video src="./video/movie.mp4" controls="controls"></video>
同样，通过附加属性可以更友好的控制视频的播放
autoplay自动播放
contros是否显示默认播放控件
loop循环播放
wdth设置播放窗口宽度
height设置播放窗口的高度
由于版权等原因，不同的浏览器可支持播放的格式是不一样的。HTML5支持video三种格式
Ogg，MPEG 4,WebM
代码
用户名：<input type="text" placeholder="请输入用户名" autofocus="autofocus"><br>
上传头像：<input type="file" multiple="multiple">
<hr>
<h4>自动记录完成</h4>
<form action="">
姓名：<input type="text" autocomplete="on" name="username"><!--1.首先需要提交按钮2.这个表单名必须给它名字-->
<input type="submit">
</form>
昵称：<input type="text" required="required" accesskey="s">
<hr>
<form action="">
<fieldset><legend>学生档案</legend>
<label>姓名：<input type="text" placeholder="请输入学生姓名"></label><br><br>
<label>手机号：<input type="tel"></label><br><br>
<label>邮箱：<input type="email"></label><br><br>
所属学院：<input type="text" placeholder="请选择学院" list="xueyuan">
<datalist id="xueyuan">
<option>能源学院</option>
<option>前端学院</option>
<option>php学院</option>
<option>设计学院</option>
</datalist>
<br><br>
<label>出生日期：<input type="date"></label><br><br>
<label>成绩：<input type="number"></label><br><br>
<label>毕业时间：<input type="date"></label><br><br>
<input type="submit"> <input type="reset">
</fieldset>
</form>
<hr>
<h3>多媒体标签</h3>
embed：标签定义嵌入的内容 <br>
audio：播放音频 <br>
video：播放视频 <br>
<hr>
<h3>多媒体embed（会使用）</h3>
embed可以用来插入各种多媒体，格式可以是Midi、Wav、AU、MP3等等。url为音频或者视频文件及其路径，可以是相对路径或者绝对路径。
因为兼容性问题，我们这里只讲解插入网络视频。
<hr>
<h3>多媒体audio</h3>
为了浏览器兼容，我们需要做三种声音文件ogg mp3 wav<br><!--<audio src="bgsound.mp3" autoplay="autoplay" controls loop=""-1></audio>>-->
<audio controls autoplay> </audio>
<source src="bgsound.mp3">
<source src="music.ogg">
您的浏览器不支持播放音频。
<hr>
<h3>多媒体video</h3>
由于版权等原因，不同的浏览器可支持播放的格式是不一样的。HTML5支持video三种格式
Ogg，MPEG 4,WebM
<video src="" autoplay controls></video>
<source src="mp4.mp4">
<source src="movie04..ogg">
您的浏览器不支持视频播放。
结果
