Cara Menghapus Isi Dari Form Input Menggunakan Javascript
Salam hangat teman-teman, semoga teman-teman sehat selalu ya, Kali ini saya akan mencoba membagi Cara Menghapus Isi Dari Form Input Menggunakan Javascript.
Terkadang di ketika kita menginput comment di suatu laman pasti pernah mengalami salah ketik atau ingin menghapus segala isian form yang telah kita isi. Nah, kini saya akan mencoba membangun tombol atau button bagi menghapus isinya sekaligus.
Pertama-tama kita mesti tau dulu apa itu javascript karena kita akan menggunakan javascript bagi menjalankan proses penghapusannya. JavaScript yakni bahasa pemrograman web yang bersifat Client Side Programming Language. Client Side Programming Language yakni tipe bahasa pemrograman yang pemrosesannya dilakukan oleh client. Program client yang dimaksud merujuk kepada web browser seperti Google Chrome dan Mozilla Firefox.
Kini saya akan memberi panduan singkat mengenai bagaimana Cara Menghapus Isi Dari Form Input Menggunakan Javascript.
– Pertama-tama teman-teman ketikan kode html di bawah ini:
<!DOCTYPE html>
<html>
<head>
<title>Hapus seluruh area</title>
</head>
<body>
<div class=container>
<form action=>
Nama Depan:<br>
<input type=text name=namadepan id=nd value=>
<br><br>
Nama Belakang:<br>
<input type=text name=namabelakang id=nb value=>
<br>
<br>
Email:<br>
<input type=email name=email id=email value=>
<br><br>
<textarea id='output' rows=5 cols=30 placeholder=Ketikan Pesan Kamu....></textarea>
<br><br>
<input type=button value=Clear onclick=javascript:eraseText();>
<input type=submit value=Kirim>
</form>
</div>
</body>
</html>
– Langkah kedua yakni membangun kode javascript yang di sisipkan di pada tag head bagi membangun proses penghapusan isi form, teman-teman ketikan kode javascript di bawah ini:
<script type=text/javascript>
function eraseText() {
document.getElementById(output).value = ;
document.getElementById(nd).value = ;
document.getElementById(nb).value = ;
document.getElementById(email).value = ;
}
</script>
Jalankan di browser lalu isikan apa saja di form yang telah kita bikin, seperti contoh di bawah ini:
Setelah kita klik tombol clear karenanya form akan menjadi seperti semula lagi:
Bagaimana teman-teman lumayan mudahkan Menghapus Isi Dari Form Input Menggunakan Javascript. Jangan lupa seketika dipraktekan ya teman-teman.
Demikianlah panduan saya kali ini mengenai Cara Menghapus Isi Dari Form Input Menggunakan Javascript. Sehat selalu ya teman-teman.
Sumber https://kursuswebsite.org
