提交和按钮有什么区别？ [复制]

Question

这可能是一个真正的基本问题，但<input type = "submit"> 和<button onclick="">Example</button> 之间有什么区别？

不能用 Javascript 中的function 方法来实现与submit 类型按钮相同的功能吗？我一直使用<button></button>，但我想了解其中的区别。

Answer 1

提交输入的值将是显示标签。

<input type="submit" name="foo" value="bar"> <!-- Displays [bar] -->

提交按钮的子节点将是显示标签。值可以不同，标签可以包括元素和文本。

<button type="submit" name="foo" value="bar">
    <img src="arrow.png" alt=""> Baz
</button>
<!-- Displays [→ Baz] -->

---

它们之间没有与 JavaScript 相关的差异。您不能使用 JavaScript 来耦合或解耦显示标签和提交的值。