Cara Mudah Menggunakan Atribut OnSubmit pada Elemen HTML

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:
  • <form>

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:

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

Komentar

  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

Posting Komentar

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

*Jika terdapat typo, link bermasalah, dan lain sebagainya, pengunjung dapat melaporkan permasalahan tersebut melalui WA: +62-896-2514-6106




~ Ikatlah Ilmu dengan Memostingkannya ~

Referensi Tambahan:

Enkapsulasi pada Java

2 Jenis Utama Kegiatan Penelitian Berdasarkan Waktunya, Crosssectional Salah Satunya

6 Contoh Program Method Overloading pada Java

3 Jenis Utama Looping pada Java

Perbedaan stdio.h dan stdlib.h pada Bahasa C