input标签:
button普通按钮(没有自带事件处理)
submit提交按钮(自带了事件处理,用于提交表单)
image图片提交按钮(同上,可以把图片做成提交按钮)
reset重置表单(恢复表单的初始状态)
checkbox复选框
radio单选框
file文件上传
hidden隐藏的输入字段
text普通文本输入框
password密码输入框
定义和用法
type 属性规定 input 元素的类型。
语法
<input type="value">
属性值
值 | 描述 |
button | 定义可点击按钮(多数情况下,用于通过 JavaScript 启动脚本)。 |
checkbox | 定义复选框。 |
file | 定义输入字段和 "浏览"按钮,供文件上传。 |
hidden | 定义隐藏的输入字段。 |
image | 定义图像形式的提交按钮。 |
password | 定义密码字段。该字段中的字符被掩码。 |
radio | 定义单选按钮。 |
reset | 定义重置按钮。重置按钮会清除表单中的所有数据。 |
submit | 定义提交按钮。提交按钮会把表单数据发送到服务器。 |
text | 定义单行的输入字段,用户可在其中输入文本。默认宽度为 20 个字符。 |
实例
下面的表单拥有两个输入字段以及一个提交按钮:
<formaction="form_action.asp" method="get">
<p>First name: <inputtype="text" name="fname" /></p>
<p>Last name: <inputtype="text" name="lname" /></p>
<input type="submit" value="Submit"/>
</form>
定义和用法
type 属性规定 input 元素的类型。
语法
<input type="value">
属性值
值 | 描述 |
button | 定义可点击按钮(多数情况下,用于通过 JavaScript 启动脚本)。 |
checkbox | 定义复选框。 |
file | 定义输入字段和 "浏览"按钮,供文件上传。 |
hidden | 定义隐藏的输入字段。 |
image | 定义图像形式的提交按钮。 |
password | 定义密码字段。该字段中的字符被掩码。 |
radio | 定义单选按钮。 |
reset | 定义重置按钮。重置按钮会清除表单中的所有数据。 |
submit | 定义提交按钮。提交按钮会把表单数据发送到服务器。 |
text | 定义单行的输入字段,用户可在其中输入文本。默认宽度为 20 个字符。 |
Text
<input type="text"/> 定义用户可输入文本的单行输入字段。
Email: <input type="text"name="email" />
Pin: <input type="text" name="pin" />
Button
<inputtype="button" /> 定义可点击的按钮,但没有任何行为。button 类型常用于在用户点击按钮时启动 JavaScript 程序。
<input type="button"value="Click me" οnclick="msg()" />
Checkbox
<inputtype="checkbox" /> 定义复选框。复选框允许用户在一定数目的选择中选取一个或多个选项。
<input type="checkbox"name="vehicle" value="Bike" /> I have abike
<input type="checkbox" name="vehicle"value="Car" /> I have a car
File
<input type="file"/> 用于文件上传。
<input type="file" />
Hidden
<inputtype="hidden" /> 定义隐藏字段。隐藏字段对于用户是不可见的。隐藏字段通常会存储一个默认值,它们的值也可以由 JavaScript 进行修改。
<input type="hidden"name="country" value="Norway" />
Image
<input type="image"/> 定义图像形式的提交按钮。
必须把 src 属性 和 alt 属性 与<input type="image"> 结合使用。
<input type="image"src="submit.gif" alt="Submit" />
Password
<inputtype="password" /> 定义密码字段。密码字段中的字符会被掩码(显示为星号或原点)。
<input type="password"name="pwd" />
Radio
<input type="radio"/> 定义单选按钮。单选按钮允许用户选取给定数目的选择中的一个选项。
<input type="radio"name="sex" value="male" /> Male
<inputtype="radio" name="sex" value="female" />Female
Reset Button
<input type="reset"/> 定义重置按钮。重置按钮会清除表单中的所有数据。
<input type="reset" />
Submit
<inputtype="submit" /> 定义提交按钮。提交按钮用于向服务器发送表单数据。数据会发送到表单的 action 属性中指定的页面。