Form atau formulir diperlukan penggunaannya pada dokumen HTML untuk mengambil input dari user yang mengunjungi suatu situs. Form pada dasarnya digunakan untuk proses pendaftaran, masuk ke profil akun tertentu, pengumpulan data, dan lain sebagainya. Informasi yang dikumpulkan tersebut dapat berupa nama, alamat, email, dan lain sebagainya. Tidak hanya itu, penggunaan form juga dapat dimodifikasi lebih dinamis bersama dengan penggunaan kode PHP dan server database. Dimana aplikasi backend yang dikembangkan dari PHP akan memproses data yang telah diterima tersebut dan kemudian dapat menyimpannya dalam database server. Ada berbagai elemen form yang dapat digunakan pada html seperti text-field, text-area, drop-down list, select, checkboxes, radio, dan lain sebagainya.
Sintak:
<form> Form Konten... </form>
Atribut: ada banyak atribut yang dapat digunakan pada tag form seperti diperlihatkan sebagai berikut:
Contoh:
Sintak:
<form> Form Konten... </form>
Atribut: ada banyak atribut yang dapat digunakan pada tag form seperti diperlihatkan sebagai berikut:
- satu, Atribut Action: digunakan untuk mengirim data ke server setelah penyerahan formulir.
- dua, method: digunakan untuk mengunggah data dengan menggunakan dua jenis method yaitu method get dan method post. Method get memiliki panjang karakter url yang terbatas dan tidak boleh digunakan untuk mengirim data yang sifatnya sensitif, pengiriman data dengan method get sebaiknya hanya menyertakan data yang bersifat umum. Method post tidak memiliki batasan ukuran dalam penggunaannya dan pengajuan formulir dengan method post tidak dapat dilakukan bookmark.
- tiga, Atribut enctype: digunakan unutk menentukan bagaimana browser mendekode data sebelum data tersebut dikirim ke server.
Contoh:
<!DOCTYPE html>
<html>
<head>
<title>
form tag
</title>
</head>
<body>
<h1>
Tag Form
</h1>
<!--Tidak digunakan atribut
action karena tidak dilakukan
pengiriman data apapun ke
server-->
<form>
<!-- digunakan label untuk
mendefinisikan nilai label
untuk input -->
<label
for="fname">
Nama Pertama
</label>
<!-- Didefinisikan teks field
menggunakan tag input -->
<input
type="text"
name="fname"
placeholder="enter your name"
required>
<label
for="lname">
Nama Terakhir
</label>
<input
type="text"
name="lname"
placeholder="enter your name"
required>
</form>
</body>
</html>
Output:
Apa yang dimaksud dengan tag form pada HTML?
BalasHapusTag form pada HTML digunakan untuk membuat formulir input bagi user. Formulir yang telah dibuat dapat berisi bidang teks, kotak centang, tombol radio, dan lain sebagainya. Formulir yang telah dibuat tersebut digunakan untuk meneruskan data pengguna ke url tertentu.
HapusApa yang dimaksud dengan method pengiriman pada atribut form yang digunakan dokumen html?
BalasHapusMethod html atribut form digunakan untuk menentukan method http yang digunakan untuk mengirim data saat pengiriman formulir dilakukan pada dokumen html. Ada dua macam method yang dapat digunakan, yaitu metode get dan post.
HapusBagaimana form bekerja pada halaman web?
BalasHapusSetelah pengunjung mengirimkan formulir, data formulir tersebut kemudian dikirim ke server web. Dalam formulir, author harus menyebutkan url action yang memberitahukan browser kemana harus mengirim data formulir tersebut.
Hapus