我需要做一个看起来像这个按钮的输入答案

【问题标题】：i need to make an input that looks like this button我需要做一个看起来像这个按钮的输入
【发布时间】：2012-03-22 15:05:03
【问题描述】：

我在一个 html 页面上有一个按钮，声明如下：

<button type="submit" name="action" value="sort">SAVE CHANGES</button>

我的公司要求我们支持旧版本的 IE，并且在版本 8 及更低版本中，当用户提交表单时，它会在 2 个按钮标签之间传递文本。所以我需要使用输入标签。有人可以帮我弄清楚如何创建一个输入标签，其中 type=submit、name=action 和 value=sort，但按钮上的文本显示“保存更改”。

谢谢！

【问题讨论】：

【解决方案1】：

像这样：

<input type="submit" name="action" value="SAVE CHANGES" />

但是，如果 value="sort" 对您很重要，也许您可以将其移至 input type="hidden" 元素。

【讨论】：

【解决方案2】：

一个选项是使用带有文本保存更改的图像按钮。

<input type="image" src="save_changes.png" name="action" value="sort" />

【讨论】：

【解决方案3】：

不要给提交按钮命名，用你想要的名称和值创建一个隐藏字段。

<button type="submit">SAVE CHANGES</button>
<input type="hidden" name="action" value="sort" />

所以，当表单提交时，值“action=sort”将被提交。

【讨论】：

【解决方案4】：

要求似乎排除了使用<input type=image>以外的解决方案，存在严重问题；尤其是点击位置的坐标会被传输，因此要求的修订可能也会排除这一点。

使用 JavaScript，您可以在数据发送之前对其进行调整，或者使用带有onclick 处理程序的图像，在某种意义上将其转换为按钮。

通常，此类问题应通过修改服务器端代码来解决。但是，如果您有某些原因导致字段名称（在提交的数据中）必须与按钮中的文本不同，那么在给定的条件下似乎没有任何解决方案。

【讨论】：