Tag <opsi> HTML
Contoh
Daftar drop-down dengan empat opsi:
<label for="cars">Choose a car:</label>
<select id="cars">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="opel">Opel</option>
<option value="audi">Audi</option>
</select>
Lebih banyak contoh "Coba Sendiri" di bawah ini.
Definisi dan Penggunaan
Tag <option>menentukan opsi dalam daftar pilih.
<option>elemen masuk ke dalam elemen <select> ,
<optgroup> , atau <datalist> .
Catatan: Tag <option>dapat digunakan tanpa atribut apa pun, tetapi Anda biasanya memerlukan atribut nilai , yang menunjukkan apa yang dikirim ke server pada pengiriman formulir.
Tip: Jika Anda memiliki daftar opsi yang panjang, Anda dapat mengelompokkan opsi terkait di dalam tag <optgroup> .
Dukungan Peramban
| Element | |||||
|---|---|---|---|---|---|
| <option> | Yes | Yes | Yes | Yes | Yes |
Atribut
| Attribute | Value | Description |
|---|---|---|
| disabled | disabled | Specifies that an option should be disabled |
| label | text | Specifies a shorter label for an option |
| selected | selected | Specifies that an option should be pre-selected when the page loads |
| value | text | Specifies the value to be sent to a server |
Atribut Global
Tag <option>juga mendukung Atribut Global dalam HTML .
Atribut Acara
Tag <option>juga mendukung Atribut Peristiwa dalam HTML .
Lebih Banyak Contoh
Contoh
Penggunaan <option> dalam elemen <datalist>:
<label for="browser">Choose your browser from the list:</label>
<input list="browsers" name="browser" id="browser">
<datalist id="browsers">
<option value="Edge">
<option value="Firefox">
<option value="Chrome">
<option value="Opera">
<option value="Safari">
</datalist>
Contoh
Penggunaan <option> dalam elemen <optgroup>:
<label for="cars">Choose a car:</label>
<select 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: Objek Opsi
Pengaturan CSS Default
Tidak ada.