html5 新增 input 类型
input 新增类型
email/url/number/range/Date picker/search/color/tel
Date picker
Date--选取日、月、年
Month--选取月、年
week--选取周、年
Time--选取时间（小时和分钟）
Datetime--选取时间、日、月、年（UTC时间）
Datetime-local--选取时间、日、月、年（本地时间）
例子：
姓名：<input type='name'><br>
性别：<input type='radio' value='男'>男<input type='radio' value='女'>女<br>
出生日期：<input type='date' name='date'><br>
出生月份：<input type='month' name='month'><br>
出生周数：<input type='week' name='week'><br>
<input type='button' value='提交'>
range/search/color
<p>请选择您需要的数值 ,数值的范围是最大100，最小10：</p>
<input type='range' min='10' max='100' >
<!-- 补充代码 -->
<br><br>
<span>请选择您喜欢的颜色 ：</span>
<input type='color'>
<!-- 补充代码 -->
<br><br>
<span>请输入要搜索的内容 ：</span>
<input type='search'>
表单属性
autocomplete/autofocus/multiple/placeholder/required
autocomplete //输入框提示之前输入的内容
<form action="index.html" autocomplete="on">
用户名：<!-- 补充代码 -->
<input type="text" name="text">
<br><br>
邮箱：<!-- 补充代码 -->
<input type="email" name="email" autocomplete="off">
<br><br>
手机号码：<!-- 补充代码 -->
<input type="number" name="number" autocomplete="off">
<br><br>
<input type="submit">
</form>
autofocus //打开页面后，可以马上输入内容，不需要再点击输入框再输入
用户名：<input type="username" name="username" autofocus="autofocus">
<br>
请输入密码:<input type="password" name="password">
multiple //选择多个文件或者内容，在email内设置，用逗号分开邮箱
<input type="email" multiple="multiple">
<input type="file" multiple="multiple">
<input type="submit">
placeholder // 文本输入前有提示框，提示输入的内容，输入错后，旁边会有一个X可以删除所有
<input type="text" placeholder="输入用户名"><br>
<input type="password" placeholder="输入密码"><br>
<input type="text" placeholder="搜索内容">
required //规定必须在提交之前填写输入域（不能位空）
<input type="password" required="required"><br>
链接属性
<link>的sizes属性/<base>的target属性/超链接<a>
<link rel="icon" href="icon.gif" type="image/gif" sizes="16x16">
<base href="http://localhost/" traget="_blank"> //在heard 之间 可以使网页下所有a标签不用输入那么多路径的名字，直接输入名字即可
a:media="" //表示对设备进行优化，handheld对“手持”设备进行支持，TV对“电视”设备进行支持
a:hreflang="zh" //设置语言
a:rel="external" //设置超链接的引用，这里超链接为外部链接
其他属性
script/ol/html/style
script
defer：加载完脚本后并不执行，而是等整个页面加载完后再执行 只兼容IE
<script defer="defer" src="url"></scritp>
async：加载完脚本后立刻执行，不用等整个页面都加载完，属于异步执行 兼容主流浏览器
<script async="async" src="url"></scritp>
ol start 起始值 reversed倒序排列
<ol start = "5" reversed = "reversed">
html/style //将文件下载到本地
<html manifest="cache.maniest">
<style scoped>
</style>
