input type="submit" 和"button"有什么区别
HTML中<input type="submit" /> 和 <input 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>
![](https://img2018.cnblogs.com/blog/1545042/201902/1545042-20190211093250806-197800299.png)
扩展资料: 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>
![](https://img2018.cnblogs.com/blog/1545042/201902/1545042-20190211093225636-33874279.png)
2、禁用<input type="submit">的提交: 可以通过简单地设置input的全局属性disabled为true来禁用提交动作。 代码示例为: <input type="submit" value="Disabled" disabled>
![](https://img2018.cnblogs.com/blog/1545042/201902/1545042-20190211093154360-2062293478.png)
转载自:https://www.cnblogs.com/joker-one/p/10360893.html