input框 type=“submit“ 和“button“有什么区别

HTML中input框 type=“submit” 和 type="button"主要从元素定义类型、点击触发动作两个方面来区别。

一、元素定义类型的区别：

1、<input type="button /> 定义为一个可点击的按钮。
2、<input type="submit /> 定义为一个提交按钮。提交按钮会把表单数据发送到服务器。

二、点击触发动作的区别：

1、<input type="button /> 如果没有添加onclick事件的监听，点击时没有任何反应。
2、<input type="submit /> 默认情况下，点击后会执行提交form表单的动作。

代码示例为：

<input type="button" onclick="alert('button')" value="button" />
<form name="testform" action="#"
onsubmit="alert('Hello')">
<input type="text" name="username" />
<input type="submit" value="Submit" />
</form>

扩展资料：

1、<input type="submit />添加提交的快捷键：

给input标签设置accesskey全局属性, 让用户使用按键或组合按键来触发按钮。

代码示例为:

<form>
<div>
    <label for="example">Let's submit some text</label>
    <input id="example" type="text" name="text">
</div>
<div>
    <input type="submit" value="Send" accesskey="s">
</div>
</form>

2、禁用<input type="submit />的提交:

可以通过简单地设置input的全局属性disabled为true来禁用提交动作。

代码示例为:

<input type="submit" value="Disabled" disabled>