HTML <button> 和 input type=“button”的区别 / input type="submit" 和"button"的区别

HTML <button> 和 input type=“button”的区别：

1. <button>标签里可以放文本图片等内容，与<input>创建的按钮不同。

2. <input>中的button通常与javascript一起使用启动脚本。如：<input type="button" value="点我" οnclick="msg()"> 。

3. 如果在 HTML 表单中使用 <button> 元素，不同的浏览器可能会提交不同的按钮值。通常用<input>在 HTML 表单中创建按钮。

input type="submit" 和"button"的区别：

1. button只是一个按钮，不写javascript什么也不会发生。

2. submit点击后会自动提交form，除非写javascript来阻止。

总结：

在一个页面上画一个按钮，有四种办法：

• <input type="button" /> 这就是一个按钮。如果你不写javascript 的话，按下去什么也不会发生。
• <input type="submit" /> 这样的按钮用户点击之后会自动提交 form，除非你写了javascript 阻止它。
• <button> 这个按钮放在 form 中也会点击自动提交，比前两个的优点是按钮的内容不光可以有文字，还可以有图片等多媒体内容。（当然，前两个用图片背景也可以做到）。它的缺点是不同的浏览器得到的 value 值不同；可能还有其他的浏览器兼容问题。
• 其他标签，例如 a, img, span, div，然后用图片把它伪装成一个按钮。

onclick和onsubmit的区别

<input type="button" value="点我" οnclick="msg()">

<form name="testform" action="jsref_onsubmit.asp"
onsubmit="alert('Hello ' + testform.fname.value +'!')">

What is your name?<br />
<input type="text" name="fname" />
<input type="submit" value="Submit" />

</form>