Lompat ke konten Lompat ke sidebar Lompat ke footer

Menentukan Form Data HTML Menggunakan Atribut Action

Atribut action pada html digunakan untuk menentukan dimana form data akan dikirim menuju server setelah submission dari form pada dokumen HTML. Atribut ini dapat digunakan pada elemen <form>.


Sebelum memahami lebih dalam materi tentang Menentukan Form Data HTML Menggunakan Atribut Action, terlebih dahulu pelajari materi tentang: Membuat Pintasan HTML Menggunakan Atribut Accesskey, Mendefinisikan Karakter Encoding HTML Menggunakan Accept-charset, dan Menentukan Tipe File HTML Server Menggunakan Atribut Accept.

Sintak: <form action="URL">

Nilai atribut:

URL, digunakan untuk menentukan url dari dokumen dimana data akan dikirim setelah submission dari form. Kemungkinan nilai dari url adalah:
  • absolute url: Menuju ke alamat website lain. contoh: www.youtube.com
  • relatife url: Menuju ke file dalam laman web. contoh: www.penelitian.id

Contoh : ilustrasi penggunaan dari atribut action pada file html.

<!DOCTYPE html>

<html>

 

<head>

<title>

HTML Atribut Action

</title>

</head>

 

<body>

<h1>

Blog Elfan

</h1>

 

<h2>

HTML Atribut Action

</h2>

 

<form 

action="test.php"

method="post"

id="users">

 

<label for="username">

Username:

</label>

 

<input 

type="text"

name="username"

id="Username">

 

<br>

<br>

 

<label 

for="password">

Paswword:

</label>

 

<input 

type="password"

name="password">

</form>

 

<br>

 

<button onclick="myBons()">

Submit

</button>

 

<br>

<br>

 

<b>

Setelah submit, semua data form akan dikirim ke "test.php".

</b>

</body>

 

</html>

Output:

Blog Elfan

HTML Atribut Action






Setelah submit, semua data form akan dikirim ke "test.php".

Artikel ini didedikasikan kepada: Ghani Setyadi Unggul Dorojatun, Krisna Nurwahid Ibrahim, Lucia Fina Ardianti, Melati Permata Julian, dan Muchammad Bachtiar Al Majid.

6 komentar untuk "Menentukan Form Data HTML Menggunakan Atribut Action"

  1. Apa yang dimaksud dengan atribut action pada file html?

    BalasHapus
    Balasan
    1. Atribut action pada HTML digunakan untuk mendefinisikan apa yang harus terjadi pada data ketika FORM atau formulir dikirimkan ke halaman website.

      Hapus
    2. Atribut action digunakan untuk menentukan kemana user ingin mengirimkan data form ketika form tersebut terkirim. Jadi, nilai dari action merupakan halaman yang akan memproses form.

      Hapus
    3. Atribut action digunakan untuk memberi tahu browser halaman atau script apa yang akan dipanggil setelah tombol SEND ditekan.

      Hapus
  2. Apa perbedaan antara atribut action dan atribut method pada html?

    BalasHapus
    Balasan
    1. Atribut action pada elemen form digunakan untuk menentukan kemana harus mengirim data pada formulir, sedangkan atribut method digunakan untuk menentukan metode HTTP mana yang akan digunakan untuk mengirim data ke formulir.

      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 -