HTML Form Controls Select Textarea Checkbox Radio

Ringkasan

Selain input, form punya select (dropdown), textarea (teks panjang), checkbox (multi-pilih), radio (satu dari banyak).

Konsep Dasar

• <select><option> — pilihan tunggal (atau multiple).
• <textarea> — input teks multi-baris.
• type="checkbox" — banyak bisa aktif; type="radio" — satu per grup (name sama).
• <optgroup label> mengelompokkan option.

Cara Kerja / Struktur

html

<label for="role">Role</label>
<select id="role" name="role">
  <option value="dev">Developer</option>
  <option value="pm">PM</option>
</select>
<label><input type="checkbox" name="skill" value="go"> Go</label>
<label><input type="radio" name="plan" value="pro"> Pro</label>
<label for="bio">Bio</label>
<textarea id="bio" name="bio" rows="4"></textarea>

Catatan Implementasi

• Radio butuh name sama agar jadi satu grup eksklusif.
• value menentukan data terkirim; tanpa value, checkbox mengirim "on".

Kesalahan Umum

• Radio beda name (jadi bisa pilih banyak).
• <select> tanpa <label>.

Glosarium

• Radio group: sekumpulan radio dengan name sama.
• Multiple select: select yang bisa pilih banyak (Ctrl/Cmd).

Referensi

• HTML Forms, Inputs, Labels, Validation