相当于重置按钮的链接？

Question

我希望“删除链接”等效于按钮类型=“重置”，但不是按钮，链接。就像在youtube评论框上一样。这怎么可能？

Answer 1

您可以通过Javascript调用HTML表单的reset方法：

<form id="myform">
<input type="text"/>
<a href="javascript:document.getElementById('myform').reset();">reset</a>
</form>

Answer 2

尝试使用youtube :: :)

<textarea id="tarea"></textarea>
<a href="javascript:void(0)" onclick="document.getElementById('tarea').value='';">reset</a>

Answer 3

您可以使用普通按钮<input type="reset" value="Reset" class="textbutton">，但将其设置为正常文字样式：

.textbutton {
  border: 0px;
  background-color: inherit;
}

JSFiddle example

Answer 4

如果您希望它重置带有链接的表单，请将onClick事件绑定到该链接，并让它在表单对象上调用 reset（）方法。