Program HTML Input Type Reset

Hello guys, Berjumpa dengan Miniblog dari Inzaghi's Blog! Kali ini kita akan membuat Program HTML Input Type Reset untuk mengulang dari semua Input-an yang pernah di-Input.

Sumber : Dosenit.com, Jagongoding.com, Javatpoint.com, dan W3schools.com

Tipe reset ini akan mengembalikan state atau data dari suatu form ke nilai awalnya.

Jika nilai awal sebuah input adalah kosong, saat reset itu akan mengembalikan nilai kosong. Namun jika nilai awal sudah diisi oleh sesuatu, maka pada reset data akan kembali seperti yang diset sebelumnya.

Contoh :

<form>
  <label for="isian-nama">Nama :</label> <br />
  <input id="isian-nama" name="nama" type="text" value="Inzaghi Posuma" />
  <br /><br />
  <input type="reset" value="Reset" />
</form>

Output :

Nama :

Atau juga bisa membuat seperti ini :

Contoh :

<form>
  <label>User ID : </label>
  <input type="text" name="user-id" value="user" /><br />
  <br />
  <label>Password : </label>
  <input type="password" name="pass" value="pass" /><br /><br />
  <input type="submit" value="Login" />
  <input type="reset" value="Reset" />
</form>

Output :

User ID :

Password :

Mohon maaf apabila ada kesalahan sedikit pun pada Kode Program ini.

Terima Kasih 😀😊😘👌👍 :)