HTML5 input部分新增属性（及使用方法）

1.color—颜色

可在inupt字段中选取颜色。

2.number—数字

number 类型用于应该包含数值的输入域，通常结合min, max和step使用。

<input type="number" name="quantity" min="2" max="5" >

min 代表最小值

max代表最大值

<input type="number" name="quantity" step="5" >

step----数字的跳跃间隔

3. multiple

multiple 可以上传多个文件，通常与file搭配使用 。如不使用multiple只能上传一个文件。

<input type="file" multiple name="" id="" value="" />

4.disabled----禁用模式

disabled 属性规定应该禁用的 元素，被禁用的 input 元素是无法使用和无法点击的。

	 <input type="text" disabled>

5.email----邮箱

email 类型用于应该包含 e-mail 地址的输入域。

	
		<input type="email" name="" id="" value="" />
	<input type="submit" value="提交"/>

6.range----滑块

range 类型用于应该包含一定范围内数字值的输入域，range 类型显示为滑动条。
该属性也可以和min，max搭配使用。

<form >
	<input type="range"  name="" id="" value="" />
	</form>

7.autocomplete—记录历史输入

autocomplete可以让搜索框里留有搜索记录。
注意必须将autocomplete="on"开启，autocomplete=“off”。
注意 form 的 autocomplete 属性为 “on”（开），但是 e-mail 自动为“off”（关）。
on 为开启
off为关闭

<form autocomplete="on">
  First name:<input type="text" name="fname"><br>
  Last name: <input type="text" name="lname"><br>
  E-mail: <input type="email" name="email" autocomplete="off"><br>
  <input type="submit">
</form>

现在为开启状态，e-mail 自动为off（关）
"off"关闭状态下不会显示搜索记录。

8.url----网址

url 类型用于应该包含 URL 地址的输入域。
使用url时必须添加http://,否则（如图所示）

<form>
<input type="url">
  <input type="submit">
</form>

9.required -----必填

使用required 搜索框中必须输入字样不能为空，如果直接提交就会有提示。

<form>
  <input type="text" placeholder="请输入" required>
  <input type="submit">
</form>