知识库：HTML Input 属性

1. value="6" 属性：value 属性规定输入字段的初始值；

2. readonly 属性：readonly 属性规定输入字段为只读（不能修改，可用于校对等场合）；

3. disabled 属性：disabled 属性规定输入字段是禁用的，被禁用的元素是不可用和不可点击的，被禁用的元素不会被提交；

4. size="8" 属性：size 属性规定输入字段的尺寸（以字符计）；

5. maxlength="9" 属性：maxlength 属性规定输入字段允许的最大长度；


知识库：HTML Input 属性-类型汇总（已含HTML5新增类型）：

input框的类型（type="xxx"）有23种：

（1）经典常用：text、password、submit、reset、button、radio、checkbox、file、image；（9个）

（2）偏冷门类：hidden、number、range、color、week、url、search；（7个）

（3）缺乏支持（不推荐用）：date、month、time、email、datetime-local；（5个）

（4）极不推荐：datetime、tel。（2个）

A一. input 示例：

A1.1 输入类型：text

First name:

Last name:

说明：文本字段的默认宽度是 20 个字符。

A1.2 输入类型：password

User name:

User password:

说明：密码字段中的字符被掩码（显示为星号或圆点）。

A1.3 输入类型：submit/reset（表现为按钮，其"value"属性可以指定按钮上显示的文字）

First name:

Last name:


说明：如果您点击提交，表单数据会被发送到名为 demo_form.asp 的页面。

A1.4 输入类型：radio（即单选）

Male
Female


说明：radio类型的各个input项的“name”属性相同的为同一组。

A1.5 输入类型：checkbox（即多选）

I have a bike
I have a car

A1.6 输入类型：button（单独的按钮，不是默认的提交按钮）

我是按钮，Click Me!

A1.7 输入类型：file（文件上传，会弹出文件选择框）

请输入一个GIF文件：

A1.8 输入类型：image（类似图形按钮，同时会返回图形上的点击位置）

First name:
Last name:

说明：图像代替了按钮的作用，同时当用户单击图像时，浏览器将以像素为单位，将鼠标相对于图像边界的“偏移量（即点击位置的坐标）”发送到服务器，其中包括从图像左边界开始的水平偏移量，以及从图像上边界开始的垂直偏移量。

二.select 示例：
Volvo沃尔沃 Saab（不知道是啥） Fiat菲亚特 Audi奥迪

三.textarea 示例：
The cat was playing in the garden. The cat was playing in the garden. The cat was playing in the garden. The cat was playing in the garden. 5The cat was playing in the garden. The cat was playing in the garden. The cat was playing in the garden. The cat was playing in the garden. The cat was playing in the garden. 10The cat was playing in the garden. The cat was playing in the garden.

B一. input 示例：

B1.1 输入类型：number

数量（1 到 5 之间，“required”表示限制必填）：
说明：需要浏览器支持，IE9 及早期版本不支持 type="number"。

B1.2 输入类型：date

生日（范围限制为"1979-12-31"——"2000-01-02"）：
说明：Firefox 或者Internet Explorer 11 以及更早版本不支持 type="date"。

B1.3 输入类型：color

Select your favorite color:
说明：需要浏览器支持，type="color"在IE中不被支持。

B1.4 输入类型：range（根据浏览器支持可显示为滑块形态）

Points（0-10）:
说明：根据浏览器支持，输入类型 "range" 可显示为滑动控件，IE9 及早期版本不支持 type="range"。

B1.5 输入类型：month

生日（月和年，无日）：
说明：根据浏览器支持，当您填写输入字段时会弹出日期选择器，Firefox 或者Internet Explorer 11 以及更早版本不支持 type="month"。

B1.6 输入类型：week

Select a week:
说明：根据浏览器支持，当您填写输入字段时会弹出日期选择器，Internet Explorer 不支持 type="week"。

B1.7 输入类型：time

请选取一个时间：
说明：根据浏览器支持，当您填写输入字段时会弹出日期选择器，Firefox 或者Internet Explorer 11 以及更早版本不支持 type="time"。

B1.8 输入类型：datetime（缺乏主流浏览器的支持，实用价值不大）

生日（日期和时间）：
说明：Chrome、Firefox 或 Internet Explorer 不支持 type="datetime"（意味着没啥实用价值）。

B1.9 输入类型：datetime-local

生日（日期和时间）： （"value"属性可以指定按钮上的显示文字）
说明：Firefox 或者Internet Explorer 不支持 type="datetime-local"。

B1.10 输入类型：email

E-mail：
说明：Firefox 或者Internet Explorer 不支持 IE9 及更早版本不支持 type="email"。

B1.11 输入类型：search

搜索谷歌：
说明：用于搜索字段（搜索字段的表现类似常规文本字段）。

B1.12 输入类型：tel（缺乏主流浏览器支持，意义不大）

Telephone：
说明：用于应该包含电话号码的输入字段，目前只有 Safari 8 及更新版本支持 type="tel"（意义不大）。

B1.13 输入类型：url

请添加您的首页：
说明：用于应该包含URL地址的输入字段，根据浏览器支持，在提交时能够自动验证url字段，某些智能手机识别url类型，并向键盘添加".com"以匹配url输入，IE9 及其更早版本不支持 type="url"。

H5 的 datalist 示例（与input配合使用）：