Fungsi tag select pada form html

Apa fungsi tag select pada form html ?. Tag <select> digunakan untuk membuat daftar – daftar item dalam bentuk menu dropdown. Dalam membuat menu ini pun penggunaanya dikombinasikan dengan tag <optgroup> sebagai judul dari item – item yang terkategori, dan tag <option> yang mendefinisikan item – item tersebut.

Sederhananya, tag <select> dideklarasikan dengan cara seperti ini :

Dan di bawah ini adalah hasilnya :

fungsi tag select pada form html

Tag select dengan atribut disabled

Anda pun dapat mendisabled pembuatan tag  <select> ini menggunakan atribut disabled.

Dan di bawah ini adalah hasilnya :

tag select atribut disabled

Mengatur ukuran tag <select>

Anda juga mengatur ukuran pada tag <select> ini, karena secara default ukurannya adalah 1.

Dengan mengatur ukuran lebih dari 1, anda dapat menampilkan beberapa item yang ada pada tag ini.

Berikut kode sumbernya :

Dan di bawah ini adalah hasilnya :

mengatur ukuran tag select

Multiple Select

Anda juga dapat menyeleksi data lebih dari 1, caranya adalah menambahkan atribut multiple pada tag <selected>.

Di bawah ini adalah hasil dari kode sumber di atas, untuk memilih lebih dari 1 data, klik data tersebut sambil menekan ctrl.

atribut multiple pada elemen select

Leave a comment

Your email address will not be published. Required fields are marked *

X