首页 > 代码库 > HTML <input> 标签的 type 属性

HTML <input> 标签的 type 属性

2024-07-05 15:40:45   226人阅读

下面的表单拥有两个输入字段以及一个提交按钮：

<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="http://www.mamicode.com/Submit" />
</form>

属性值

值 描述
button 定义可点击按钮（多数情况下，用于通过 JavaScript 启动脚本）。
checkbox 定义复选框。
file 定义输入字段和 "浏览"按钮，供文件上传。
hidden 定义隐藏的输入字段。
image 定义图像形式的提交按钮。
password 定义密码字段。该字段中的字符被掩码。
radio 定义单选按钮。
reset 定义重置按钮。重置按钮会清除表单中的所有数据。
submit 定义提交按钮。提交按钮会把表单数据发送到服务器。
text 定义单行的输入字段，用户可在其中输入文本。默认宽度为 20 个字符。

 

 

 

 

 

 

 

 

Button

<input type="button" /> 定义可点击的按钮，但没有任何行为。button 类型常用于在用户点击按钮时启动 JavaScript 程序。

<input type="button" value="http://www.mamicode.com/Click me" onclick="msg()" />

Image

<input type="image" /> 定义图像形式的提交按钮。

必须把 src 属性 和 alt 属性 与 <input type="image"> 结合使用。

<input type="image" src="http://www.mamicode.com/submit.gif" alt="Submit" />

 


联系
我们