用文本替换提交按钮？答案

【问题标题】：Replacing submit button with text?用文本替换提交按钮？
【发布时间】：2011-05-27 23:47:09
【问题描述】：

我希望用文本替换表单上标准的丑陋提交按钮。我知道如何通过将提交更改为图片来替换它：

<input type="image" name="submit" src="submit.png" width="70px" height="30px">

但是我想改成文字，可以吗？谢谢

【问题讨论】：

【解决方案1】：

您可以使用带有 javascript 的锚标记来触发表单更改。例如

<form id="myForm" ...>
  ...
  <a href="#" onclick="document.getElementById('myForm').submit();">Submit</a>
</form>

顺便说一句，您还可以使用几乎任何文本标记，只需绑定到 onclick 事件（例如 <span>）。

【讨论】：

假设<form id="myform">
应该是onclick="document.getElementById('myForm').submit()"，假设<form id="myForm">。

【解决方案2】：

不，您需要使用不同的 HTML 实体（即，只是一个链接）。

但是，我建议您不要更改它。从用户体验的角度来看，最好使用典型的提交按钮，如果适当的话，可能会稍微风格化，但仍然尽可能接近“典型”。

原因是操作系统以不同的（并且熟悉）方式向用户显示按钮，遵循“标准”是良好的 UI 设计实践。这只是我的拙见。

从技术上讲，通过将onclick 事件设置为适当的值（例如：onclick="return doFormSubmit();"），您可以很容易地创建一个链接来提交表单。

【讨论】：

【解决方案3】：

是的，可以使用 Javascript，但您可能不应该这样做。用户不希望在单击链接时发布表单。

【讨论】：

【解决方案4】：

您可以使用标准按钮完成相同的操作，但使用 CSS 移除边框。它看起来就像文本。

<input 
    style="color:#f00;border:0px #000 solid;background-color:#fff;"
    type="submit" 
    value="Your Text"
>

【讨论】：