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 属性的单选框为同一组。一个组里只能同时选中一个选项。

Yes No
◆ 隐藏元素: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。

URL: 
◆ E-Mail:type="email" (H5+)

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

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

色彩: 

 

 http://www.monmonkey.com/rumenpian/html/input.html

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。