Formulir 2: Textarea, Select, Radio, & Checkbox

Textarea: isian banyak baris

Untuk pesan atau komentar yang panjang, pakai <textarea>. Ini bukan elemen kosong: teks awal ditulis di antara tag-nya.

<label for="pesan">Pesan</label>
<textarea id="pesan" name="pesan" rows="5" cols="40" placeholder="Tulis pesanmu..."></textarea>

Select: daftar pilihan dropdown

<label for="kota">Kota</label>
<select id="kota" name="kota">
  <option value="">-- Pilih kota --</option>
  <option value="bdg">Bandung</option>
  <option value="jkt" selected>Jakarta</option>
  <option value="sby">Surabaya</option>
</select>

• value: data yang dikirim ke server (teks di antara tag adalah yang dilihat pengguna).
• selected: pilihan awal.
• <optgroup label="...">: mengelompokkan pilihan.

Radio button: pilih satu

Beberapa radio dengan name yang sama membentuk satu kelompok; hanya satu yang bisa dipilih.

<fieldset>
  <legend>Tingkat</legend>
  <label><input type="radio" name="tingkat" value="pemula" checked> Pemula</label>
  <label><input type="radio" name="tingkat" value="menengah"> Menengah</label>
</fieldset>

Checkbox: pilih banyak

<label><input type="checkbox" name="minat" value="html"> HTML</label>
<label><input type="checkbox" name="minat" value="css" checked> CSS</label>
<label><input type="checkbox" name="setuju" value="ya"> Saya setuju</label>

fieldset dan legend

<fieldset> membingkai sekelompok isian yang berhubungan, dan <legend> adalah judul bingkainya. Untuk kelompok radio atau checkbox, ini sangat penting bagi pembaca layar.