<input type = button> vs <button>

我有点困惑。 这些有什么区别。 请不要参考真正的旧post。 我注意到,访问一些样式是不同的行内html和样式表。

<input type=button> vs <button> 

我想我想知道哪一个出去住哪? 或者考虑到所有进入网站创build的一般技术之间的兼容性,这是最好的? 又名。 这将造成最less的麻烦

<input>标签不同, <button>可以包含其他html元素作为标签。 <input type="button">只能接受一个string作为其标签文本(CSS样式不能承受)。

此外, <button>元素接受多种forms和点击操作的不常用但有用的属性。 有关更多详细信息,请参阅MDN页面 。

对于另一个“外出”的人来说,HTML标准显然是向后兼容的。 人类将在火星被排除在HTML标准之前将人们放在火星上。

在一个<button>元素里,你可以放置内容,如文本或图像。 例如: <button type="button" onclick="alert('Hello world!')">Click Me!</button>

如果在HTML表单中使用<button>元素,则不同的浏览器可能会提交不同的值。 所以总是使用<input type="button">在HTML表单中创buildbutton。

inputtypes=button

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

问题是,这个button是非常难看和简单。 你不能添加图像。 你可以像任何其他元素一样对其进行devise,但仍然可能感觉像一个丑陋的button。

即使在JavaScriptclosures的浏览器中,也必须使用INPUT方法。

按键

BUTTON元素为提交表单提供了更多选项。 你可以把任何东西放在一个BUTTON元素中,并把它变成一个提交button。 大多数人通常使用图像和文字。 但是如果你愿意的话,你可以创build一个DIV,并将整个事物作为一个提交button。

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

在不重要的表单上使用BUTTON方法。 而且,这是在一个表单中添加其他提交选项的好方法。

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

如果要在表单中创buildbutton,请使用input元素中的<button>

如果你想创build一个动作button,使用button标签。

更多信息: <input type ='submit'/>和<button type ='submit'> text </ button>之间的区别

取决于你想使用它的地方。 input应该在表格内,其中button可以在任何地方使用。