css type 类型

◆ 文本输入框：type="text" （H2+/e2+/N2+）

输入普通的文本。

◆ 密码输入框：type="password" （H2+/e2+/N2+）

输入密码专用，输入的文字都会显示为星号（*）。

◆ 提交文件按钮：type="file" （H2+/e2+/N2+）

上传文件用。

◆ 复选框：type="checkbox" H2+/e2+/N2+）

选择复数选项时使用。

◆ 单选框：type="radio" （H2+/e2+/N2+）

拥有相同 name 属性的单选框为同一组。一个组里只能同时选中一个选项。

◆ 隐藏元素：type="hidden" （H2+/e2+/N2+）

画面上不显示。用来存储与传递表单的值。

◆ 提交表单按钮：type="submit" （H2+/e2+/N2+）

向服务器发送表单数据。数据会发送到表单的 action 属性中指定的页面。

◆ 重置按钮：type="reset" （H2+/e2+/N2+）

按下这个按钮的话，画面上输入的值将变回页面显示时的默认值。

◆ 普通按钮：type="button" （H4+/e2+/N2+）

用 <input type="button" onclick="..."> 的形式，在按下按钮时可以调用 JavaScript 代码。

◆ 图像按钮：type="image" （H2+/e2+/N2+）

比如说有 <input type=image name="AAA" height=100 src="xxx.gif"> 这样一个图像按钮。按下时将以 AAA.x=n AAA.y=n 的形式向服务器提交信息。

◆ 数值输入框：type="number" （H5+）

HTML5 追加的类型，用来输入数值。

◆ 范围选择按钮：type="range" （H5+）

HTML5 追加的类型，用来输入数值。

◆ 搜索字符串：type="search" （H5+）

HTML5 追加的类型，用来输入搜索字符串。

◆ 电话号码：type="tel" （H5+）

HTML5 追加的类型，用来输入电话号码。

◆ URL：type="url" （H5+）

HTML5 追加的类型，用来输入 URL。

◆ E-Mail：type="email" （H5+）

HTML5 追加的类型，用来输入 E-Mail 地址。

◆ 时间：type="time" （H5+）

HTML5 追加的类型，用来输入时间。举例：23:59:59

◆ 日期与时间：type="datetime" （H5+）

HTML5 追加的类型，用来输入日期与时间。举例：2011-10-30T12:00Z

◆ 本地日期与时间：type="datetime-local" （H5+）

HTML5 追加的类型，用来输入本地日期与时间。举例：2011-10-30T12:00

◆ 日期：type="date" （H5+）

HTML5 追加的类型，用来输入日期。举例：2011-10-30

◆ 年月：type="month" （H5+）

HTML5 追加的类型，用来输入年月。举例：2011-06

◆ 周：type="week" （H5+）

HTML5 追加的类型，用来输入周。举例：2011-W23

◆ 色彩：type="color" （H5+）

HTML5 追加的类型，用来输入色彩值。举例：#ffcccc