Belajar Element HTML: <select>

Tag <select> mewakili kontrol untuk memilih di antara sekumpulan opsi.

Tag <select> digunakan dengan tag <option> untuk menghasilkan daftar opsi yang dapat dipilih pengguna.

Elemen <optgroup> juga dapat digunakan untuk mengelompokkan item-item <option> tersebut.

Syntax

Tag <select> ditulis seperti <select></select> dengan sejumlah tag <option> yang bersarang di antara tag pembuka dan penutup.

Atribut name sering disertakan sehingga setiap skrip yang memproses kontrol formulir dapat referensi nilai yang dipilih.

Seperti ini:

<select name="myName">
	<option value="1">Option 1</option>
	<option value="2">Option 2</option>
	<option value="3">Option 3</option>
</select>
<select name="country">
  <option value="Argentina">Argentina</option>
  <option value="Bolivia">Bolivia</option>
  <option value="Brazil">Brazil</option>
  <option value="Chile">Chile</option>
  <option value="Colombia">Colombia</option>
  <option value="Ecuador">Ecuador</option>
  <option value="Guyana">Guyana</option>
  <option value="Paraguay">Paraguay</option>
  <option value="Peru">Peru</option>
  <option value="Suriname">Suriname</option>
  <option value="Uruguay">Uruguay</option>
  <option value="Venezuela">Venezuela</option>
</select>

name

Menentukan pengidentifikasi unik untuk pemilihan di dalam formulir.

Required.

"countries"

Nilai name harus unik sesuai konteks container <form>.

Value hanya dapat berisi karakter alfanumerik a-z A-Z 0-9 dan beberapa karakter khusus seperti - _ ... tetapi bukan spasi.

size

Ketika ada beberapa opsi, tentukan ketinggian daftar yang dipilih

"12"

Kamu dapat menggunakan integer apa pun.

multiple

Memungkinkan untuk memilih beberapa opsi sekaligus.

No value required.

autofocus

Atur fokus pada opsi ketika halaman web dimuat.

No value required.

disabled

Menonaktifkan tombol.

No value required.

required

Memberitahu browser bahwa opsi ini adalah wajib . Membiarkannya kosong akan menampilkan peringatan.

No value required.