HTML <button> 标签的 type 属性 详解
HTML基础 2022-06-02 11:59:14小码哥的IT人生shichen
HTML <button> 标签的 type 属性
实例
两个 button 元素，一个是提交按钮，另一个是重置按钮：
<form action="form_action.asp" method="get">
First name: <input type="text" name="fname" />
Last name: <input type="text" name="lname" />
<button type="submit" value="Submit">Submit</button>
<button type="reset" value="Reset">Reset</button>
</form>
完整实例【亲自试一试】：
<html>
<body>
<form action="/demo/example/html/form_action.asp" method="get">
First name: <input type="text" name="fname" /><br />
Last name: <input type="text" name="lname" /><br />
<button type="submit" value="Submit">Submit</button>
<button type="reset" value="Reset">Reset</button>
</form>
</body>
</html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
定义和用法
type 属性规定按钮的类型。
提示：请始终为按钮规定 type 属性。Internet Explorer 的默认类型是 "button"，而其他浏览器中（包括 W3C 规范）的默认值是 "submit"。
语法
<button type="value">
属性值
| 值 | 描述 |
|---|---|
| submit | 该按钮是提交按钮（除了 Internet Explorer，该值是其他浏览器的默认值）。 |
| button | 该按钮是可点击的按钮（Internet Explorer 的默认值）。 |
| reset | 该按钮是重置按钮（清除表单数据）。 |
