MulaiCode
HTML

HTML Form Elements

Pelajari berbagai elemen yang digunakan dalam formulir HTML seperti input, textarea, select, dan button.

Elemen Formulir HTML (HTML Form Elements)

Formulir HTML terdiri dari berbagai elemen yang memungkinkan pengguna mengisi dan mengirim data.


Elemen-Elemen Umum

Berikut adalah elemen yang sering digunakan dalam sebuah <form>:

  • <input>: Untuk berbagai jenis input (teks, email, password, dll)
  • <label>: Label untuk input
  • <textarea>: Kotak teks untuk input panjang
  • <select> dan <option>: Dropdown
  • <button>: Tombol aksi (submit, reset, dll)
  • <fieldset> dan <legend>: Kelompokkan elemen form

Contoh Penggunaan Elemen Form

<form>
  <label for="nama">Nama:</label><br />
  <input type="text" id="nama" name="nama"><br /><br />
 
  <label for="pesan">Pesan:</label><br />
  <textarea id="pesan" name="pesan"></textarea><br /><br />
 
  <label for="kategori">Kategori:</label><br />
  <select id="kategori" name="kategori">
    <option value="saran">Saran</option>
    <option value="kritik">Kritik</option>
  </select><br /><br />
 
  <button type="submit">Kirim</button>
</form>

Catatan

  • Gunakan atribut for pada <label> dan hubungkan dengan id input agar lebih aksesibel.
  • Gunakan <textarea> untuk input yang memerlukan lebih dari satu baris.
  • Gunakan <select> untuk pilihan dropdown.

On this page