HTMLinput标签的所有type属性及⽤法
实例
下⾯的表单拥有两个输⼊字段以及⼀个提交按钮：
<form action="form_action.asp" method="get">
<p>First name: <input type="text" name="fname" /></p>
<p>Last name: <input type="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
<input type="button" /> 定义可点击的按钮，但没有任何⾏为。button 类型常⽤于在⽤户点击按钮时启动 JavaScript 程序。<input type="button" value="Click me" οnclick="msg()" />
Checkbox
<input type="checkbox" /> 定义复选框。复选框允许⽤户在⼀定数⽬的选择中选取⼀个或多个选项。
<input type="checkbox" name="vehicle" value="Bike" /> I have a bike
<input type="checkbox" name="vehicle" value="Car" /> I have a car
File
<input type="file" /> ⽤于⽂件上传。
<input type="file" />
Hidden
<input type="hidden" /> 定义隐藏字段。隐藏字段对于⽤户是不可见的。隐藏字段通常会存储⼀个默认值，它们的值也可以由 JavaScript 进⾏修改。
<input type="hidden" name="country" value="Norway" />
Image
<input type="image" /> 定义图像形式的提交按钮。
必须把  和  与 <input type="image"> 结合使⽤。
<input type="image" src="submit.gif" alt="Submit" />
HTML <input> 标签的所有type 属性及⽤法
Password
<input type="password" /> 定义密码字段。密码字段中的字符会被掩码（显⽰为星号或原点）。
htmlbutton属性
<input type="password" name="pwd" />
Radio
<input type="radio" /> 定义单选按钮。单选按钮允许⽤户选取给定数⽬的选择中的⼀个选项。
<input type="radio" name="sex" value="male" /> Male
<input type="radio" name="sex" value="female" /> Female
Reset Button
<input type="reset" /> 定义重置按钮。重置按钮会清除表单中的所有数据。
<input type="reset" />
Submit
<input type="submit" /> 定义提交按钮。提交按钮⽤于向服务器发送表单数据。数据会发送到表单的 action 属性中指定的页⾯。
<form action="form_action.asp" method="get"> Email: <input type="text" name="email" />
<input type="submit" />
</form>

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。