单击按钮清除文本字段

Question

我有两个文本标签：

 <div>
    <input type="text" id="textfield1" size="5"/>
</div>

<div>
    <input type="text" id="textfield2" size="5"/>
</div>

我想要一个名为“清除”的按钮来清除这两个字段。

据我所知，我知道要实现一个按钮，我应该使用这样的代码：

 <div>
    <input type="button" value="Clear Fields" onclick=SOMETHING />
</div>

关于如何实施 SOMETHING 的任何线索？

原文由 user1415780 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

只是一个简单的重置按钮怎么样？

 <form>

  <input type="text" id="textfield1" size="5">
  <input type="text" id="textfield2" size="5">

  <input type="reset" value="Reset">

</form>

原文由 Billy Moat 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

一个简单的 JavaScript 函数就可以完成这项工作。

 function ClearFields() {

     document.getElementById("textfield1").value = "";
     document.getElementById("textfield2").value = "";
}

只需让您的按钮调用它：

 <button type="button" onclick="ClearFields();">Clear</button>

原文由 shauneba 发布，翻译遵循 CC BY-SA 3.0 许可协议