Lompat ke konten Lompat ke sidebar Lompat ke footer

Efek Melakukan Reset Elemen HTML Menggunakan Atribut OnReset

Atribut event onreset merupakan atribut html yang bekerja ketika form dilakukan reset oleh user. Atribut onreset bekerja pada tag form html.

Cara Penggunaan Atribut OnReset pada Elemen HTML
Ilustrasi Atribut OnReset HTML

Sebelum memahami lebih dalam materi tentang Efek Melakukan Reset Elemen HTML Menggunakan Atribut OnReset, terlebih dahulu pelajari materi tentang: Atribut OnInvalid HTML dan Fungsinya [klik], Atribut OnInput HTML dan Fungsinya [klik], dan Atribut OnFocus HTML dan Fungsinya [klik].

Tag Pendukung:
  • <form>

Sintak:
<form onreset = "script">

Value Atribut: merupakan atribut yang mengandung script value tunggal yang bekerja ketika event onreset dipanggil.

Baca Juga:

Contoh:

<!DOCTYPE html >

<html>

 

<head>

<title>

Atribut Event Onreset

</title>

 

<style>

body 

{

text-align:center;}

 

h1 

{

color:green;}

</style>

 

<script>

function MKN() 

{

alert("Form Reset...") ;

}

</script >

</head>

 

<body>

 

<h1>

Blog Elfan

</h1>

 

<h2>

atribut event onreset

</h2>

 

<form 

onreset="MKN()

style="color:blue";>

 

First Name: 

<input type="text">

 

</br>

 

Last Name: 

<input type="text">

 

</br>

 

<input type="reset">

 

</form>

 

</body>

 

</html>

Output:

Blog Elfan

atribut event onreset

First Name: Last Name:

Artikel ini didedikasikan kepada: Agung Dwi Saputra, Alliyyu Amanati Putri Sudiyana, Amelia Putri Maharani, Ana Kurniawati, dan Annisa Indah Febriana.

5 komentar untuk "Efek Melakukan Reset Elemen HTML Menggunakan Atribut OnReset"

  1. Apa yang dimaksud dengan reset pada form html?

    BalasHapus
    Balasan
    1. Reset adalah mendefinisikan tombol reset yang digunakan untuk mengatur ulang semua nilai pada form untuk dikembalikan ke nilai awalnya.

      Hapus
  2. Apakah sebaiknya tombol reset diberikan pada form html?

    BalasHapus
    Balasan
    1. Sebaiknya hindari penggunaan tombol reset pada form html. Sangat frustasi bagi para pengguna jika tanpa sengaja mengklik tombol tersebut.

      Hapus
    2. Daripada menggunakan tombol reset, mending diberikan pengkondisian saja pada form input supaya setiap input yang dimasukkan sesuai dengan format yang diinginkan dan tidak mengalami lupa ketika memasukkan nilai pada form input tersebut.

      Hapus

Hubungi admin melalui Wa : +62-896-2414-6106

Respon komentar 7 x 24 jam, mohon bersabar jika komentar tidak langsung dipublikasi atau mendapatkan balasan secara langsung.

Bantu admin meningkatkan kualitas blog dengan melaporkan berbagai permasalahan seperti typo, link bermasalah, dan lain sebagainya melalui kolom komentar.

- Ikatlah Ilmu dengan Memostingkannya -
- Big things start from small things -