HTML5基础-新标签回顾
<form action="">
<fieldset>
<legend>学生档案</legend>
<label>姓名:<input type="text" required placeholder="请输入学生姓名" /><br /><br /></label>
手机号:<input type="tel" /><br /><br />
邮箱:<input type="email" /><br><br />
所属学院:<input type="text" list="school">
<datalist id="school">
<option>a学院</option>
<option>b学院</option>
<option>c学院</option>
<option>d学院</option>
<option>e学院</option>
</datalist>
<br /><br />
出生日期:<input type="date" name="" id=""><br /><br />
成绩:<input type="number" name="" id=""><br /><br />
<input type="submit" value="submit"><input type="reset" value="reset">
</fieldset>
</form>
<!-- 引入网上视频 -->
<embed src="https://www.bilibili.com/video/BV1rx411u7tv?p=65" type=""><br /><br />
<!-- loop 循环次数, -1表示无限次循环 controls是否显示播放控件-->
<audio src="" autoplay loop="-1" controls></audio>
<!-- 兼容模式下 ogg mp3 wav-->
<audio controls autoplay>]
<source src="**.mp3" type="">
<source src="**.ogg" type="">
您的浏览器不支持音频播放
</audio><br /><br />
<!-- 存在兼容 ogg mp4 webM 写法与audio类似-->
<video src="" autoplay controls></video>
实现效果如下:
本文地址:https://blog.csdn.net/Jenneyhao/article/details/107242746