按钮和输入的区别？ [复制]

Posted 2023-02-22

【中文标题】按钮和输入的区别？ [复制]

【英文标题】：Difference between button and input? [duplicate]

【发布时间】：2011-05-28 03:53:45

【问题描述】：

<button type="button" name="theButton">SUBMIT</button> 和 <input type="submit" value="SUBMIT" name="theButton" /> 之间有什么主要区别

另外，你能用<button type="submit" name="theButton">SUBMIT</button>吗？

【参考方案1】：

<button type="button" name="theButton">SUBMIT</button>

不会提交表单（除了某些浏览器中的错误）

<input type="submit" value="SUBMIT" name="theButton" />

将提交表单。

另外，你能用<button type="submit" name="theButton">SUBMIT</button>吗？

将提交一个表单，但没有值（IE 中的错误除外）

【讨论】：

关于提交类型的按钮，该错误在IE7中，并且较少将按钮的内部html设置为其值..在IE8中修复。

【参考方案2】：

Here's a page 描述差异（基本上你可以将 html 放入 <button></button>

And an other page 描述人们为什么避开<button></button>（提示：IE6）

参考：<button> vs. <input type="button" />. Which to use?

也看看这个slideshow about button。