Reset Form Dengan HTML DOM
Di panduan kali ini kamu akan belajar bagaimana cara Reset Form Dengan HTML DOM .
Di suatu waktu pada belajar mengenai membangun sebuah blog entah itu statis atau web dinamis(dynamic web) kita akan belajar mengenai form, suatu blog walaupun tak segala , secara mayoritas pasti menggunakan form di bagian tertentu dari blog mereka entah bagi insert data, pencarian data atau bagi comment.
Sebetulnya ada cara bagi reset form dengan menggunakan <input type=”reset”> , tetapi kali ini saya akan mengajarkan reset form dengan menggunakan HTML DOM. so check this out :
HTML DOM //
<!DOCTYPE html>
<html>
<body>
<p>Enter some text in the fields below, then press the Reset form button to reset the form.</p>
<form id=myForm>
First name: <input type=text name=fname><br>
Last name: <input type=text name=lname><br><br>
<input type=button onclick=myFunction() value=Reset form>
</form>
<script>
function myFunction() {
document.getElementById(myForm).reset();
}
</script>
</body>
</html>
Hasilnya akan seperti ini :
Silahkan isi form di atas kemudian tekan button reset , karenanya nilai yang di inputkan akan hilang dan bersih seperti awalnya.
Ok semoga bermanfaat , dan hingga bertemu lagi di artikel berikutnya
Sumber https://kursuswebsite.org