HTML select Tag

Devenisi html <select>:

HTML select jika diterjemahkan kedalam bahasa Indonesia mempunyai arti memilih, dan mempuyai definisi sebagai memilih dari daftar list pilihan atau drop-dwon.

Dalam penulisan pada html, element <select> erat kaitanya dengan element <option> yang berfungsi menjadi list daftar pilihan dan menjadi kontrol dari bagian sebuah fungsi.

Attribute HTML select :

autofocus

Attribute autofocus jika digunakan pada html <select> mempunyai fungsi sebagai otomatis fokus atau siap bisa juga standby saat kondisi page berhasil diload. Pada tiap-tiap browser mempunyai tampilan yang berbeda mengenai attribut ini (jika menggunakan standart css pada masing-masing browser), tapi umumnya attribute autofocus akan memiliki tanda biru muda pada garis tepi luar element <select>.

Attibute ini mempunyai sifat sebagai attribute boolean, artinya nilai dari attribut ini bisa disebutkan ataupun tidak disebutkan.

Contoh :

<select autofocus="autofocus">
  <option value="13px">13 pixel</option>
  <option value="14px">14 pixel</option>
  <option value="15px">15 pixel</option>
</select>

Nilai atau value attribute ini adalah autofocus

disabled

Attribute disabled jika diterapkan pada html <select>, maka berfungsi untuk menonaktifkan element <select> itu sendiri, dan user akan tidak bisa melakukan interaksi pada element tersebut, dan otomatis juga element yang berada di dalam <select> menjadi tidak berfungsi.

Attibute ini mempunyai sifat sebagai attribute boolean, artinya nilai dari attribut ini bisa disebutkan ataupun tidak disebutkan

Contoh :

<select disabled="disabled">
  <option value="13px">13 pixel</option>
  <option value="14px">14 pixel</option>
  <option value="15px">15 pixel</option>
</select>

Nilai atau value attribute ini adalah disabled

form

Attribute form jika digunakan pada element <select>, maka element <select> tersebut dikhususkan hanya untuk element <form> tertentu.

Dalam menentukan nilai dari attribute ini diambil berdasarkan attribut id dari element <form>. Attribute ini biasanya digunakan jika element <select> peletakannya berada di luar element <form>. Silahkan lihat contoh berikut ini :

Contoh :

<form id="datasiswabaru">
  Nama : <input type="text" value="Nama" id="name">
  <input type="button" value="Send">
</form>

Umur : 
<select id="umur" form="datasiswabaru">
  <option value="13 Tahun">13 Tahun</option>
  <option value="14 Tahun">14 Tahun</option>
  <option value="15 Tahun">15 Tahun</option>
  <option value="16 Tahun">16 Tahun</option>
</select>

Nilai atau value attribute ini adalah form_id

multiple

Attribute multiple jika digunakan pada element <select>, maka akan memberikan akses kepada user untuk memilih lebih dari satu pilahan. Dalam eksekusinya diperlukan perintah tambahan yang dilakukan oleh user yaitu menekan dan tahan tombol ctrl pada keybord dilanjutkan dengan memilih pilihan element <select>.

Attibute ini mempunyai sifat sebagai attribute boolean, artinya nilai dari attribut ini bisa disebutkan ataupun tidak disebutkan.

Contoh :

<select multiple="multiple">
  <option value="13px">13 pixel</option>
  <option value="14px">14 pixel</option>
  <option value="15px">15 pixel</option>
  <option value="16px">16 pixel</option>
  <option value="17px">17 pixel</option>
</select>

Nilai atau value attribute ini adalah multiple

name

Attribute name jika digunakan pada element <select>, maka berfungsi sebagai nama dan sebagai kontrol fungsi.

Contoh :

<select name="Umur">
   <option value="13 Tahun">13 Tahun</option>
   <option value="14 Tahun">14 Tahun</option>
   <option value="15 Tahun">15 Tahun</option>
   <option value="16 Tahun">16 Tahun</option>
</select>

Nilai atau value attribute ini adalah Teks

required

Attribute required jika digunakan pada element <select>, maka mempunyai fungsi sebagai perintah kepada user bahwa element yang ada pada element <select> harus dipilih atau tidak boleh kosong.

Attibute ini mempunyai sifat sebagai attribute boolean, artinya nilai dari attribut ini bisa disebutkan ataupun tidak disebutkan

Contoh :

<select name="umur" required="required" id="select">
  <option value=""></option>
  <option value="14 Tahun">14 Tahun</option>
  <option value="15 Tahun">15 Tahun</option>
  <option value="16 Tahun">16 Tahun</option>
</select>

Nilai atau value attribute ini adalah required

Global Attributes:

Element <select> mencakup Global Attributes HTML.

Event Attributes:

Element <select> mencakup Event Attributes HTML.

Browser Support :

HTML
Element	Chrome	Safari	Firefox	Opera	IE / Edge
<select>	Ya	Ya	Ya	Ya	Ya

Default CSS :

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

/* tidak ada nilai default */

Tiap-tiap browser akan membawa bahasa css masing masing, tapi element <select> akan mempunyai tampilan yang lebih jika ditambahakan css tambahan.