html - 单击按钮清除文本字段

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 的任何线索？

Answer 1

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

function ClearFields() {

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

让你的按钮调用它:

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