18

2 つのテキスト ラベルがあります。

<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か?

4

5 に答える 5

38

単純な JavaScript 関数がその役割を果たします。

function ClearFields() {

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

そして、ボタンにそれを呼び出させるだけです:

<button type="button" onclick="ClearFields();">Clear</button>
于 2013-02-12T16:48:33.393 に答える
36

シンプルなリセットボタンはどうですか?

<form>

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

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

</form>
于 2013-02-12T16:49:30.480 に答える
9

リセットしたい場合は、簡単に使用できます:

<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()" />

于 2015-02-16T14:14:38.217 に答える
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>
于 2013-02-12T16:47:58.407 に答える