HTML Form Basic Input Label Fieldset

Ringkasan

Form mengumpulkan input pengguna. Kunci aksesibilitas: setiap input punya <label> terikat, dan grup related pakai <fieldset>/<legend>.

Konsep Dasar

• <form action method> — pengiriman data.
• <label for="id"> mengaitkan teks ke input id.
• <input type="text|email|password">.
• <fieldset><legend> mengelompokkan bagian form.

Cara Kerja / Struktur

html

<form method="post" action="/subscribe">
  <fieldset>
    <legend>Akun</legend>
    <label for="email">Email</label>
    <input id="email" name="email" type="email" required>
    <button type="submit">Daftar</button>
  </fieldset>
</form>

Catatan Implementasi

• for ↔ id wajib cocok agar label bisa diklik & dibaca screen reader.
• name adalah kunci data yang dikirim; id untuk DOM/label.

Kesalahan Umum

• Label tanpa for atau input tanpa id.
• Teks "Email:" sebagai teks biasa, bukan <label>.

Glosarium

• Label terikat: label mengait ke input via for/id.
• Fieldset: pengelompokan logis field.

Referensi

• HTML Forms, Inputs, Labels, Validation