HTML <input>标签的type属性
示例具有两个文本输入框和一个提交按钮的HTML表单:
试一个 » （本页底部有更多示例） |
定义及用法
<input>标签的type属性用于指定输入控件的类型。
浏览器支持
所有主流浏览器均支持<input>标签的type属性。
语法
| <input type="value" /> |
属性值
| 值 | 描述 |
|---|---|
| 普通按钮（主要是通过JavaScript来触发脚本） | |
| checkbox | 复选框 |
| file | 文件上传控件。包含一个文本输入框和一个“浏览...”按钮。 |
| hidden | 隐藏控件（主要用于存放参数值） |
| image | 图像提交按钮 |
| password | 密码输入框。密码输入框中的字符是用户看不见的 |
| radio | 单选按钮 |
| reset | 重置按钮。点击重置按钮将恢复表单至初始状态。 |
| submit | 提交按钮。点击提交按钮将发送表单数据到服务器端。 |
| text | 单行文本输入框，用户可在其中输入文本。默认宽度为20字符 |
Text
<input type="text" />用来定义可供用户输入文本的单行文本输入框。
示例
试一个 » |
Button
<input type="button" />用来定义按钮（这里没有为它定义任何对应的执行脚本）。通常，当用户点击按钮时，将有相应的JavaScript脚本被执行。
示例
试一个 » |
Checkbox
<input type="checkbox" />用于定义复选框。复选框用于让用户在一组给定的选项中选择一个或多个。
示例
试一个 » |
File
<input type="file" />用于文件上传。
示例
试一个 » |
Hidden
<input type="hidden" />定义隐藏字段。用户是看不到隐藏字段的。隐藏字段主要用于存储默认值，你也可以通过JavaScript来改变它的值。
示例
试一个 » |
Image
<input type="image" />定义一个图像作为提交按钮。
src属性和alt属性都是<input type="image">的必选属性。
示例
试一个 » |
Password
<input type="password" />用于定义密码输入框。密码输入框中的字符是隐藏起来的（显示为星号或圆圈）。
示例
试一个 » |
Radio
<input type="radio" />用于定义单选按钮。单选按钮允许用户在一组选项中选择一项。
示例
试一个 » |
Reset
<input type="reset" />用于定义重置按钮。点击重置按钮将恢复表单至初始状态。
提示：请小心使用重置按钮！点击重置按钮会清除表单中的数据，一不小心点到它会很讨厌。
示例
试一个 » |
Submit
<input type="submit" />用于定义提交按钮。点击提交按钮将发送表单数据到服务器端。发送数据的目标地址由<form>标签的action属性决定。
示例
试一个 » |
HTML <input>标签