Atribut Form HTML

Atribut Form HTML

Form HTML mempunyai beberapa atribut.

Atribut Action

Atribut action berisi URL yang mengarah kepada alamat pada server tertentu. Form akan disubmit apabila tombol submit yang ada di dalam form tersebut ditekan. Pada waktu proses submit dijalankan maka otomatis semua data yang diinput pada elemen form akan dikirimkan kepada URL atribut action. Pada contoh di bawah ini, semua input data dalam form akan dikirimkan ke URL /tutorial/html/action_page.html apabila tombol submit ditekan.

Mengirimkan Data Lewat Form HTML

<form action="/tutorial/html/action_page.html">
  <label for="fname">First name:</label><br>
  <input type="text" id="fname" name="fname" value="John"><br>
  <label for="lname">Last name:</label><br>
  <input type="text" id="lname" name="lname" value="Doe"><br><br>
  <input type="submit" value="Submit">
</form> 

Atribut Target

Atribut target berisi lokasi tab atau window tempat URL pada atribut action ditampilkan. Terdapat dua pilihan lokasi URL atribut action dibuka, pertama pada tab atau window browser yang sama, kedua pada tab atau window browser baru.

  • Atribut target _blank akan membuka URL atribut action pada tab atau window browser baru.
  • Atribut target _self akan membuka URL atribut action pada tab atau window browser yang sekarang.

Nilai _self adalah nilai default atribut target.

 <form action="/tutorial/html/action_page.html" target="_blank"> 

Pada contoh di atas URL /tutorial/html/action_page.html akan dibuka pada tab atau window browser baru.

Atribut Method

Atribut method menjelaskan cara data dibawa ke URL action pada waktu form disubmit. Terdapat dua pilihan nilai atribut method, pertama GET dan kedua POST. Method POST lebih aman daripada method GET. Method POST lebih disarankan apabila mengirimkan data-data yang bersifat sensitif ke server.

Beda Get Dan Post Method

 <form action="/tutorial/html/action_page.html" method="get"> 

Contoh di atas memperlihatkan form dengan method GET.

 <form action="/tutorial/html/action_page.html" method="post"> 

Contoh di atas memperlihatkan form dengan method POST.

Tinggalkan Balasan

Keranjang Belanja0
Keranjang belanja kosong ...
0