相当于重置按钮的链接？

【问题标题】：A link equivalent to a reset button?相当于重置按钮的链接？
【发布时间】：2011-07-31 04:09:11
【问题描述】：

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

【问题讨论】：

【解决方案1】：

您可以使用普通按钮<input type="reset" value="Reset" class="textbutton">，但将其设置为看起来像普通文本：

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

【讨论】：

【解决方案2】：

像 youtube 一样试试这个：:)

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

【讨论】：

【解决方案3】：

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

【讨论】：

【解决方案4】：

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

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

【讨论】：