用文本替换提交按钮？

Question

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

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

但我想将其更改为文本，这可能吗？ 谢谢

Answer 1

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

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

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

Answer 2

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

但是，我建议你不要改变它。从用户体验的角度来看，最好使用典型的提交按钮，如果合适的话，可以稍微调整一下样式，但仍然尽可能接近“典型”。

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

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

Answer 3

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

Answer 4

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

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