HTML option Tag

Tutorial HTML <option>

HTML option Tag - belajar html option. Element <option> mempunyai definisi sebagai daftar list pilihan yang digunakan oleh element html <select>. Dalam penulisannya pada html option ditulis sebagai anak element dari <select>, <datalist>, dan <optgroup>

Attribute HTML <option>

value

Attribute value pada html option digunakan untuk menentukan nilai atau data asli sebagai kontrol dari suatu fungsi, misal dalam penggunaan javascript, kontrol data pengiriman ke server data dan lain sebagainya.

Jika attribute value tidak disebutkan maka secara default akan mengambil data teks yang ada didalam element <option>

Contoh dengan mengikutsertakan attribute value

<b>Pilih Provinsi :</b>
<select>
  <option value="jabar">Jawa Barat</option>
  <option value="kalteng">Kalimantan Tengah</option>
  <option value="sulsel">Sulawesi Selatan</option>
</select>

---

Contoh dengan tanpa mengikutsertakan attribute value

<select>
   <option>Jawa Barat</option>
   <option>Kalimantan Tengah</option>
   <option>Sulawesi Selatan</option>
</select>

Nilai atau value attribute ini adalah huruf dan angka

selected

Attibute selected digunakan sebagai daftar yang terpilih pada hasil yang ditampilkan untuk pertama kali

Contoh :

<select>
  <option>Jawa Barat</option>
  <option selected="selected">Kalimantan Tengah</option>
  <option>Sulawesi Selatan</option>
</select>

Nilai atau value attribute ini adalah selected

label

Attibute label dalam penggunaannya pada html <option> berfungsi sebagai label atau judul dari element <option> itu sendiri

Contoh :

<select>
  <option label="Provinsi Jawa Barat" value="jabar">
  Jawa Barat
  </option>
  <option label="Provinsi Kalimantan Tengah" value="kalteng">
  Kalimantan Tengah
  </option>
  <option label="Provinsi Sulawesi Selatan" value="sulsel">
  Sulawesi Selatan
  </option>
</select>

Nilai atau value attribute ini adalah Teks

disabled

Attribute disabled jika digunakan pada html <option> maka element tersebut akan menjadi tidak berfungsi atau dalam keadaan nonaktif

Attribute ini bersifat boolean, yang berarti attribute ini bisa ditulis valuenya dan juga bisa tidak disebutkan valuenya.

Contoh :

<select>
  <option>Jawa Barat</option>
  <option>Kalimantan Tengah</option>
  <option>Sulawesi Selatan</option>
  <option disabled="disabled">Luar Angkasa</option>
</select>

Nilai atau value attribute ini adalah disabled

Global Attributes:

Element <option> mencakup Global Attributes HTML.

Event Attributes:

Element <option> mencakup Event Attributes HTML.

Browser Support :

Chrome	Ya
Safari	Ya
Firefox	Ya
Opera	Ya
IE	Ya
Edge	Ya

Default CSS :

Browser yang support dengan element <option>, mempunyai nilai default :

/* tidak ada */