提交和按钮之间有什么区别？

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来耦合或解耦显示标签和提交的值。