相当于重置按钮的链接？

Question

我想要一个相当于按钮 type="reset" 的“删除链接”，但不是按钮，而是链接。就像 YouTube 评论框一样。这怎么可能？

Answer 1

您可以使用普通按钮 ，但将其样式设置为看起来像普通文本：

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

JSFiddle 示例

Answer 2

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

Answer 3

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

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

Answer 4

像 YouTube 一样尝试一下：:)

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