Elemen Form

Formulir (form) di HTML digunakan untuk mengumpulkan data dari pengguna.
Data ini bisa dikirim ke server untuk diproses lebih lanjut.

🧾 Struktur Dasar Formulir

<form action="/submit" method="POST">
  <label for="nama">Nama:</label>
  <input type="text" id="nama" name="nama">
  <button type="submit">Kirim</button>
</form>

Penjelasan:

• <form>: wadah utama form
  • action: URL tujuan pengiriman data
  • method: cara pengiriman (GET atau POST)
• <label>: label untuk input (klik label = fokus ke input)
• <input>: elemen isian data
• <button>: tombol untuk submit form

✍️ Jenis-Jenis Input

Contoh:

<input type="email" name="email" required>
<input type="checkbox" name="setuju"> Saya setuju

🧠 Elemen Form Lainnya

Contoh select:

<select name="kota">
  <option value="jakarta">Jakarta</option>
  <option value="bandung">Bandung</option>
</select>

🔐 Validasi Form Sederhana

HTML sudah mendukung validasi otomatis:

<input type="email" required>
<input type="text" minlength="3" maxlength="10">
<input type="number" min="1" max="100">

🎨 Styling & UX Tips

• Gunakan label agar form lebih mudah digunakan
• Tambahkan placeholder untuk petunjuk isian
• Gunakan CSS agar tampilan form lebih menarik
• Gunakan disabled untuk menonaktifkan input sementara
• Tambahkan autocomplete untuk mempermudah pengisian

🎯 Kesimpulan

Form HTML adalah cara utama untuk mengambil input dari pengguna.
Dengan berbagai jenis input dan atribut validasi, kita bisa membuat formulir yang user-friendly dan efisien.

Formulir adalah jembatan komunikasi antara pengguna dan sistem. Bangunlah dengan baik! 📝