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

Question

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

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

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

谢谢！

Answer 1

像这样：

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

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

Answer 2

一个选项是使用带有文本SAVE CHANGES的图像按钮。

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

Answer 3

不要为提交按钮指定名称，使用您想要的名称和值创建隐藏字段。

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

因此，提交表单时，将提交值“action = sort”。

Answer 4

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

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

通常，这样的问题应该通过修改服务器端代码来解决。但是如果你有一些理由为什么字段名称（在提交的数据中）必须与按钮中的文本不同，那么在给定条件下似乎没有任何解决方案。