Tag <pilih> HTML
Contoh
Buat daftar drop-down dengan empat opsi:
<label for="cars">Choose a car:</label>
<select
name="cars" id="cars">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="mercedes">Mercedes</option>
<option value="audi">Audi</option>
</select>
Lebih banyak contoh "Coba Sendiri" di bawah ini.
Definisi dan Penggunaan
Elemen <select>ini digunakan untuk membuat daftar drop-down.
Elemen <select>ini paling sering digunakan dalam formulir, untuk mengumpulkan input pengguna.
Atribut namediperlukan untuk mereferensikan data formulir setelah formulir dikirimkan (jika Anda menghilangkan
nameatribut, tidak ada data dari daftar drop-down yang akan dikirimkan).
Atribut iddiperlukan untuk mengaitkan daftar drop-down dengan label.
Tag <option> di dalam <select>elemen menentukan opsi yang tersedia di daftar drop-down.
Tip: Selalu tambahkan tag <label> untuk praktik aksesibilitas terbaik!
Dukungan Peramban
| Element | |||||
|---|---|---|---|---|---|
| <select> | Yes | Yes | Yes | Yes | Yes |
Atribut
| Attribute | Value | Description |
|---|---|---|
| autofocus | autofocus | Specifies that the drop-down list should automatically get focus when the page loads |
| disabled | disabled | Specifies that a drop-down list should be disabled |
| form | form_id | Defines which form the drop-down list belongs to |
| multiple | multiple | Specifies that multiple options can be selected at once |
| name | name | Defines a name for the drop-down list |
| required | required | Specifies that the user is required to select a value before submitting the form |
| size | number | Defines the number of visible options in a drop-down list |
Atribut Global
Tag <select>juga mendukung Atribut Global dalam HTML .
Atribut Acara
Tag <select>juga mendukung Atribut Peristiwa dalam HTML .
Lebih Banyak Contoh
Contoh
Gunakan <select> dengan tag <optgroup>:
<label for="cars">Choose a car:</label>
<select
name="cars" id="cars">
<optgroup label="Swedish Cars">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
</optgroup>
<optgroup label="German Cars">
<option value="mercedes">Mercedes</option>
<option value="audi">Audi</option>
</optgroup>
</select>
Halaman Terkait
Referensi DOM HTML: Pilih Objek
Tutorial CSS: Menata Bentuk
Pengaturan CSS Default
Tidak ada.