date：选取日、月、年
month：选取月、年
week：选取周和年
time：选取时间（小时和分钟）
datetime：选取时间、日、月、年（UTC时间）
datetime-local：选取时间、日、月、年（本地时间）
search：搜索常规的文本域；
color：颜色
<form action=""> <fieldset> <legend>学生档案</legend> <label for="userName">姓名:</label> <input type="text" placeholder="请输入用户名"> <label for="userPhone">手机号码:</label> <input type="tel" pattern="^1\d{10}$"> <label for="email">邮箱地址:</label> <input type="email" required> <label for="collage">所属学院:</label> <input type="text" list="cList" placeholder="请选择"> <datalist> <option value="前端与移动开发学院"></option> <option value="java学院"></option> <option value="c++学院"></option> </datalist> <label for="score">入学成绩:</label> <input type="number" max="100" min="0" value="0"> <label for="level">基础水平:</label> <meter max="100" min="0" low="59" high="90"></meter> <label for="inTime">入学日期:</label> <input type="date"> <label for="leaveTime">毕业日期:</label> <input type="date"> <input type="submit"> </fieldset> </form> 2.3、媒体标签video：视频；
audio：音频；
embed：嵌入内容（包括各种媒体），Midi、Wav、AU、MP3、Flash、AIFF等。
<body> <!--embed:可以直接插入音频视频，本质是通过本机安装的音频视频播放软件来播放的。要求必须已经安装了这些软件 兼容性--> <!--flash: 1.先学习flash,增加使用成本 2.iphone,ipd,不支持flash--> <!--audio:音频--> <!-- src:播放文件的路径 controls:音频播放器的控制器面板 autoplay:自动播放 loop:循环播放--> <audio src="" controls></audio> <!--video：视频--> <!-- src:播放文件的路径 controls:音频播放器的控制器面板 autoplay:自动播放 loop:循环播放 poster:指定视频还没有完全下载完毕，或者用户没有点击播放前显示的封面。 默认显示当前视频文件的第一副图像 width:视频的宽度 height:视频的高度 --> <!--注意事项：视频始终会保持原始的宽高比。意味着如果你同时设置宽高，并不是真正的将视频的画面大小设置为指定的大小，而只是将视频的占据区域设置为指定大小，除非你设置的宽高刚好就是原始的宽高比例。所以建议：在设置视频宽高的时候，一般只会设置宽度或者高度，让视频文件自动缩放--> <video src="" poster="../images/l1.jpg" controls></video> <!--source:因为不同的浏览器所支持的视频格式不一样，为了保证用户能够看到视频，我们可以提供多个视频文件让浏览器自动选择--> <video src="" controls></video> <video controls> <!--视频源，可以有多个源--> <source src="" type="video/flv"> <source src="" type="video/mp4"> </video> </body> 2.4、其他功能标签mark：标注；
progress：进度条；
<progress max="最大进度条的值" value="当前进度条的值">
time：数据标签，给搜索引擎使用；
发布日期 <time datetime="2014-12-25T09:00">9：00</time>
更新日期 <time datetime="2015-01-23T04:00" pubdate>4:00</time>
ruby和rt：对某一个字进行注释；
<ruby><rt>注释内容</rt><rp>浏览器不支持时如何显示</rp></ruby>
wbr：软换行，页面宽度到需要换行时换行；
canvas：使用JS代码做内容进行图像绘制；
command：按钮；
deteils ：展开菜单；
dateilst：文本域下拉提示；
keygen：加密
-----以上参考链接： https://blog.csdn.net/garvisjack/article/details/54754928
<form action=""> <!--专业： <select> <option value="1">前端与移动开发</option> <option value="2">java</option> <option value="3">javascript</option> <option value="4">c++</option> </select>--> <!--不仅可以选择，还应该可以输入--> <!--建立输入框与datalist的关联 list="datalist的id号"--> 专业：<input type="text" list="subjects"> <br> <!--通过datalist创建选择列表--> <datalist> <!--创建选项值：value:具体的值 label:提示信息，辅助值--> <!--option可以是单标签也可以是双标签--> <option value="英语" label="不会"/> <option value="前端与移动开发" label="前景非常好"></option> <option value="java" label="使用人数多"></option> <option value="javascript" label="做特效"></option> <option value="c" label="不知道"></option> </datalist> 网址：<input type="url" list="urls"> <datalist> <!--如果input输入框的type类型是url,那么value值必须添加> <option value="http://www.baidu.com" label="百度"></option> <option value="http://www.sohu.com"></option> <option value="http://www.163.com"></option> </datalist> </form> 3、语义化标签兼容性处理IE9：部分支持（所有语义标签都被认定为行级元素）
IE8：不支持。如果想要IE8支持的话：