相当于重置按钮的链接

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示例

Answer 4

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