Vymazat vstupní pole JavaScript onClick | Kód

Chcete-li vymazat vstupní pole JavaScript onClick, nastavte vstupní pole na prázdný řetězec pomocí funkce JavaScript. Nebo použijte jednoduché resetovací tlačítko.

<form>

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

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

</form>

Vymazat vstupní pole JavaScript onClick

Jednoduchá funkce JavaScriptu to udělá.

function ClearFields() {

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

A stačí, aby to vaše tlačítko zavolalo:

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

Úplný příklad kódu

<!DOCTYPE html>
<html>
<body>
  <body>

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

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

      <script>
        function ClearFields() {

         document.getElementById("textfield1").value = "";
         document.getElementById("textfield2").value = "";
       }
     </script>         
   </div>

 </body>
 </html>

Výstup :

Napište komentář, pokud máte nějaké pochybnosti nebo návrhy k tomuto tématu Js HTML.

Poznámka: Všechny kódy příkladů JS jsou testovány v prohlížečích Firefox a Chrome.

OS:Windows 10

Kód:HTML 5 verze