Button type 属性
JavaScript基础 2022-06-08 15:38:18小码哥的IT人生shichen
Button type 属性
定义和用法
type 属性设置或返回按钮的类型。
提示：请始终为按钮规定 type 属性。IE 浏览器的默认类型是 "button"，而在其他浏览器中（以及在 W3C 规范中）是 "submit"。
语法
buttonObject.type=value
属性值
| 值 | 描述 |
|---|---|
| submit | button 是提交按钮（是 IE 之外的所有浏览器的默认值） |
| button | button 是可点击的按钮（IE 的默认值） |
| reset | button 是重置按钮（清除表单数据） |
浏览器支持
所有浏览器都支持 type 属性。
实例
返回按钮的类型：
<html>
<head>
<script type="text/javascript">
function alertType()
{
alert(document.getElementById("myButton").type)
}
</script>
</head>
<body>
<form>
<button id="myButton" onClick="alertType()">点击这里</button>
</form>
</body>
</html>
完整实例：
<!DOCTYPE html>
<html>
<head>
<script>
function alertType()
{
alert(document.getElementById("myButton").type)
}
</script>
</head>
<body>
<button id="myButton" type="button" onclick="alertType()">点击这里</button>
</body>
</html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
