Lompat ke konten Lompat ke sidebar Lompat ke footer

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.


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, Efek Pencarian Elemen HTML Menggunakan Atribut OnSearch, dan Efek Melakukan Reset Elemen HTML Menggunakan Atribut OnReset.

Tag Pendukung:
  • <form>

Sintak: <form onsubmit = "script">

Value Atribut: merupakan atribut yang mengandung script nilai tunggal yang bekerja ketika event onsubmit dipanggil.

Baca Juga:

Catatan: atribut onsubmit hanya dapat digunakan pada tag form.

Contoh:

<!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

First Name:
Last Name:

Artikel ini didedikasikan kepada: Ana Kurniawati, Annisa Indah Febriana, Citra Jeafinda, Dewi Sri Lestari, dan Dina Muassaroh.

6 komentar untuk "Efek Ketika Melakukan Submit HTML Menggunakan Atribut OnSubmit"

  1. Apa tujuan dari penggunaan atribut event onsubmit pada elemen html?

    BalasHapus
    Balasan
    1. Tujuan dari penggunaan atribut onsubmit pada html adalah untuk mengeksekusi kode program yang telah ditentukan ketika form disubmit.

      Hapus
  2. Apa manfaat dari penggunaan atribut onsubmit pada elemen html?

    BalasHapus
    Balasan
    1. Atribut onsubmit menyediakan data script untuk dieksekusi setiap kali event terjadi sehingga tidak menyebabkan pengiriman data ke server dengan bantuan fungsi submit().

      Hapus
  3. Bagaimana cara mencegah event onsubmit pada form html?

    BalasHapus
    Balasan
    1. Solusi sederhana untuk mencegah pengiriman form adalah dengan mengembalikan false pada event handler submit yang didefinisikan oleh properti onsubmit pada elemen html.

      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 -