<input type="button" /> 和 <button> 有啥区别？ [复制]

Posted 2023-02-22

【中文标题】<input type="button" /> 和 <button> 有啥区别？ [复制]

【英文标题】：What's the difference between <input type="button" /> and <button>? [duplicate]<input type="button" /> 和 <button> 有什么区别？ [复制]

【发布时间】：2010-11-26 19:17:58

【问题描述】：

直到今天我才知道<button> 标签。

【问题讨论】：

最重要的是，它适用于所有浏览器吗？

【参考方案1】：

查看这篇文章

Inputs vs Buttons

使用 BUTTON 创建的按钮 元素功能就像按钮 使用 INPUT 元素创建，但是 他们提供更丰富的渲染 可能性：BUTTON 元素可能 有内容。例如，一个按钮 包含图像的元素 函数类似于并且可能类似于 类型设置为的 INPUT 元素 “图像”，但 BUTTON 元素类型 允许内容。

【参考方案2】：

基本上，<button> 更灵活，因为它可以在其中包含其他标签。喜欢，

<button type="submit"><strong>Click</strong> me, <em>user!</em></button>

您无法使用普通的<input> 执行此操作。

【参考方案3】：

您可以在 <button> 标记中包含图像，但不能在 <input> 标记中包含图像，还有其他区别

【讨论】：

不正确。 <input type="image" />

您可以在<button>中包含多个图像

【参考方案4】：

请参阅：W3C site。

它们非常相似，但 <button> 标签有一些额外的东西，在奇怪的场合可能会很有用。