Atribut list di Input HTML

Untuk memudahkan pengguna mengisi suatu input, kita bisa memberikan beberapa opsi berupa saran yang bisa dipilih pengunjung situs.

Contoh penggunaan atribut list

Gunakan atribut list dengan nama yang sama pada sebuah tag datalist yang berisi data-data yang ingin menjadi saran.

<label for="subject">Pilih pelajaran yang ingin kamu coba:</label>
<input list="subjects" name="subject">

<datalist id="subjects">
  <option value="HTML">
  <option value="CSS">
  <option value="Javascript">
  <option value="Go">
  <option value="Rust">
</datalist>

Hasilnya

Pada saat input dalam keadaan kosong, lalu kamu klik, akan muncul opsi opsi yang kamu definisikan pada atribut value di antara tag option pada datalist.