Tag HTML <option>

Definisi dan penggunaan

<option> Tag menentukan opsi dalam daftar pilihan.

<option> Element <select> berada di dalam tag <select>、<optgroup> atau <datalist> dalam elemen.

Perhatian:<option> Tag dapat digunakan tanpa atribut, tetapi Anda biasanya memerlukan atribut value, yang menunjukkan konten yang dikirim ke server saat form disubmit.

Peringatan:Jika Anda memiliki daftar opsi yang panjang, Anda dapat <optgroup> Grupkan opsi yang relevan di dalam tag.

Lihat pula:

Panduan HTML DOM:Objek Option

contoh

contoh 1

Daftar pilihan yang terdiri dari empat opsi:

<label for="cars">Silahkan pilih merek mobil:</label>
<select id="cars">
  <option value="audi">奥迪</option>
  <option value="byd">比亚迪</option>
  <option value="geely">吉利</option>
  <option value="volvo">沃尔沃</option>
</select>

Coba Sendiri

contoh 2

pada <datalist> dalam elemen <option>：

<label for="browser">Silahkan pilih peramban Anda dari daftar:</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>

Coba Sendiri

contoh 3

pada <optgroup> dalam elemen <option>：

<label for="cars">Silahkan pilih merek mobil:</label>
<select id="cars">
  <optgroup label="中国车">
    <option value="byd">比亚迪</option>
    <option value="geely">吉利</option>
  </optgroup>
  <optgroup label="德国车">
    <option value="mercedes">奔驰</option>
    <option value="audi">奥迪</option>
  </optgroup>
</select>

Coba Sendiri

Atribut

Atribut Nilai Deskripsi
disabled disabled Tentukan opsi yang harus di nonaktifkan.
label Teks Tentukan label yang pendek untuk opsi.
selected selected Tentukan opsi yang akan dipilih sebelum halaman dimuat.
value Teks Tentukan nilai yang akan dikirim ke server.

Atribut Global

<option> Tanda juga mendukung Atribut Global HTML.

Atribut Acara

<option> Tanda juga mendukung Atribut Acara di HTML.

Pengaturan CSS Default

Tidak ada.

Dukungan Peramban

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Dukungan Dukungan Dukungan Dukungan Dukungan