Efek Ketika Melakukan Submit HTML Menggunakan Atribut OnSubmit
Atribut event onsubmit merupakan atribut html yang bekerja ketika form melakukan submit, dimana submit itu sendiri adalah link tautan ke server berupa tombol tertentu pada form.
Tag Pendukung:
Sintak:
<form onsubmit = "script">
Value Atribut: merupakan atribut yang mengandung script nilai tunggal yang bekerja ketika event onsubmit dipanggil.
Catatan: atribut onsubmit hanya dapat digunakan pada tag form.
Contoh:
 |
| Atribut OnSubmit Elemen HTML |
Sebelum memahami lebih dalam materi tentang Efek Ketika Melakukan Submit HTML Menggunakan Atribut OnSubmit, terlebih dahulu pelajari materi tentang: Efek Ketika Seleksi Elemen HTML Menggunakan Atribut OnSelect [klik], Efek Pencarian Elemen HTML Menggunakan Atribut OnSearch [klik], dan Efek Melakukan Reset Elemen HTML Menggunakan Atribut OnReset [klik].
- <form>
Sintak:
<form onsubmit = "script">
Baca Juga:
Catatan: atribut onsubmit hanya dapat digunakan pada tag form.
<!DOCTYPE html >
<html>
<head>
<title>
atribut event onsubmit
</title>
<style>
body
{
text-align:center;}
h1
{
color:green;}
</style>
<script>
function Pem()
{
alert("Submit form berhasil.") ;
}
</script >
</head>
<body>
<h1>
Blog Elfan
</h1>
<h2>
atribut event onsubmit
</h2>
<form onsubmit = "Pem()">
First Name:
<input
type = "text"
value = "" />
<br/>
Last Name:
<input
type = "text"
value = "" />
<br/>
<input
type = "submit"
value = "Submit" />
</form>
</body>
</html>
Output:Blog Elfan
atribut event onsubmit
Referensi Tambahan:
- 11 Elemen Terlarang Untuk Menggunakan Atribut OnMouseMove pada HTML [klik]
- 11 Elemen Terlarang untuk Penggunaan Atribut OnMouseOut pada HTML [klik]
- 11 Elemen Terlarang dalam Penggunaan Atribut OnMouseOver pada HTML [klik]
- 11 Elemen Terlarang pada Penggunaan Atribut OnMouseUp HTML [klik]
- Cara Mudah Menggunakan Atribut OnWheel pada Elemen HTML [klik]
- Cara Mudah Menggunakan Atribut Event OnDrag pada HTML [klik]
- Cara Mudah Menggunakan Atribut OnDragEnd pada Elemen HTML [klik]
Artikel ini didedikasikan kepada: Ana Kurniawati, Annisa Indah Febriana, Citra Jeafinda, Dewi Sri Lestari, dan Dina Muassaroh.
Apa tujuan dari penggunaan atribut event onsubmit pada elemen html?
BalasHapusTujuan dari penggunaan atribut onsubmit pada html adalah untuk mengeksekusi kode program yang telah ditentukan ketika form disubmit.
HapusApa manfaat dari penggunaan atribut onsubmit pada elemen html?
BalasHapusAtribut onsubmit menyediakan data script untuk dieksekusi setiap kali event terjadi sehingga tidak menyebabkan pengiriman data ke server dengan bantuan fungsi submit().
HapusBagaimana cara mencegah event onsubmit pada form html?
BalasHapusSolusi sederhana untuk mencegah pengiriman form adalah dengan mengembalikan false pada event handler submit yang didefinisikan oleh properti onsubmit pada elemen html.
Hapus