用文本替换提交按钮？

Question

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

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

但是我想把它改成文字，这可能吗？ 谢谢

Answer 1

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

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

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

Answer 2

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

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

原因是OS'以不同的方式（以及熟悉的）向用户显示按钮，并且遵循“标准”是很好的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"
>