清除按钮的文本字段点击

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

怎么样只是一个简单的复位按钮？

<form> 

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

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

</form> 

Answer 2

像这样的事情会添加一个按钮，让你用它来清除值

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

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

<div> 
    <input type="button" onclick="clearFields()" value="Clear"> 
</div> 


<script type="text/javascript"> 
function clearFields() { 
    document.getElementById("textfield1").value="" 
    document.getElementById("textfield2").value="" 
} 
</script> 

Answer 3

一个简单的JavaScript函数将做的工作。

function ClearFields() { 

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

，只是有你的按钮调用它：

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

Answer 4

如果你想重新设置，然后使用简单：

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

但要注意，也不会清除具有默认value文本框。例如，如果我们有如下的文本框，默认情况下，它们具有以下值：

<input id="textfield1" type="text" value="sample value 1" /> 
<input id="textfield2" type="text" value="sample value 2" /> 

因此，要清除它，使用JavaScript恭维：

function clearText() 
{ 
    document.getElementById('textfield1').value = ""; 
    document.getElementById('textfield2').value = ""; 
} 

并将其连接到onclick的复位按钮：
<input type="reset" value="Reset" onclick="clearText()" />