Question

我有点困惑。这些之间有什么区别。请不要参考真正的旧帖子。我注意到访问某些样式在html和样式表中是不同的内联。

<input type=button> 
   vs 
<button>

我想我想知道哪一个会活出哪个？考虑到进入网站创建的所有常规技术之间的兼容性，哪个最好？又名。这将导致最少的麻烦

Answer 1

与<input>代码不同，<button>可以包含其他html元素作为其标签。 <input type="button">只能接受一个字符串作为其标签文本（css样式不能承受）。

此外，<button>元素接受有关多个表单和单击操作的各种不常见但有用的属性。 See the MDN page for more details

至于生活＆＃34;生活＆＃34;另一方面，HTML标准非常向后兼容。在将任何人从HTML标准中删除之前，人类将把人放在火星上。

Answer 2

在<button>元素中，您可以放置内容，例如文本或图片。例如：<button type="button" onclick="alert('Hello world!')">Click Me!</button>

如果您在HTML表单中使用<button>元素，则不同的浏览器可能会提交不同的值。因此，请始终使用<input type="button">在HTML表单中创建按钮。

Answer 3

输入类型=按钮

标签是提交表单的最简单方法。当客户点击按钮时，它会自动提交。您不需要添加任何脚本，浏览器知道在单击提交INPUT标记时提交表单。

问题是这个按钮非常丑陋而且很简单。您无法向其添加图片。你可以像任何其他元素一样设置样式，但它仍然可以感觉像一个丑陋的按钮。

即使在关闭JavaScript的浏览器中也必须访问表单时，请使用INPUT方法。

按钮

BUTTON元素提供了更多提交表单的选项。您可以将任何内容放在BUTTON元素中并将其转换为提交按钮。最常见的人使用图像和文本。但是如果你愿意的话，你可以创建一个DIV并将整个事件作为提交按钮。

BUTTON元素的最大缺点是它不会自动提交表单。这意味着需要某种类型的脚本来激活它。因此它比INPUT方法更难以访问。任何未启用JavaScript的用户都无法提交仅包含aBUTTON元素的表单来提交。

在不那么关键的表单上使用BUTTON方法。此外，这是在一个表单中添加其他提交选项的好方法。

来源：https://www.thoughtco.com/buttons-on-forms-3464313

Answer 4

如果要在表单中创建按钮，请使用input元素中的<button>。

如果要为操作创建按钮，请使用按钮标记。

更多信息： Difference between <input type='submit' /> and <button type='submit'>text</button>

Answer 5

取决于您想要使用它的位置。输入应该是内部形式，其中按钮可以在任何地方使用。

<input type =“button”/> vs <button> </button>

5 个答案: