用文本替换提交按钮？

Question

我希望用文本替换表单上标准的丑陋提交按钮.我知道如何通过将提交更改为此来将其替换为图像:

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

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

Answer 1

你可以使用带有javascript的锚标签来触发表单更改.例如

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

顺便说一下,你也可以使用几乎任何文本标签,只需绑定到onclick事件(<span>例如).

Answer 2

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

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

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

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