<input type=button> vs <button>

Question

我有点困惑。这两者之间有什么区别。请不要引用很老的帖子。我注意到在html和样式表中访问某些样式是不同的。

<input type=button> 
   vs 
<button>

我想我想知道哪一个会活到哪个？或者，在考虑到所有进入网站创建的通用技术之间的兼容性时，哪一个是最好的？是啊。这会给你带来最少的麻烦

Answer 1

与<input>标记不同，<button>的标签可以包含其他html元素，<input type="button">只能接受字符串作为标签文本(css样式不能忍受)。

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

对于一个“生活”的另一个，HTML标准是非常向后兼容的。在HTML标准被淘汰之前，人类将把人类放在火星上。

Answer 2

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

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

Answer 3

输入type=button

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

问题是这个按钮很难看，很朴素。你不能给它添加图像。您可以像任何其他元素一样对其进行样式设计，但它仍然可以感觉像一个难看的按钮。

如果表单必须是可访问的，即使在关闭了JavaScript的浏览器中，也可以使用输入方法。

按钮

按钮元素提供了更多的表单子处理选项。您可以将任何内容放入按钮元素中，并将其转换为提交按钮。最常见的是人们使用图像和文本。但是如果你想要的话，你可以创建一个DIV并将整个程序变成提交按钮。

按钮元素最大的缺点是它不会自动提交表单。这意味着需要某种类型的脚本来激活它。因此，它比输入方法更难访问。任何没有打开JavaScript的用户都无法提交只有aBUTTON元素才能提交的表单。

在不那么关键的窗体上使用按钮方法。另外，这也是在一个表单中添加额外提交选项的好方法。

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