相当于重置按钮的链接？

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

如果你想让它重置带有链接的形式，onClick事件绑定到链接，并使用它调用复位（）方法对表单对象。

Answer 3

试试这个像YouTube：:)

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

Answer 4

您可以使用一个普通按钮<input type="reset" value="Reset" class="textbutton">，但风格它看起来像普通文本：

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

JSFiddle example