penggunaan select dan option
Dalam HTML, elemen <select> dan <option> digunakan untuk membuat menu dropdown (pilihan) dalam formulir. Elemen <select> digunakan sebagai wadah untuk opsi-opsi yang dapat dipilih, sementara elemen <option> digunakan untuk mendefinisikan setiap opsi yang tersedia. Berikut ini adalah contoh penggunaan keduanya:
html
Copy code
<select id="fruit" name="fruit">
<option value="apple">Apel</option>
<option value="banana">Pisang</option>
<option value="orange">Jeruk</option>
</select>
Dalam contoh di atas, terdapat sebuah dropdown menu dengan id="fruit" dan name="fruit". Setiap elemen <option> dalam <select> mendefinisikan opsi yang dapat dipilih. Nilai value pada elemen <option> akan dikirimkan sebagai bagian dari data formulir saat opsi dipilih.
Anda dapat menambahkan atribut selected pada salah satu elemen <option> untuk menentukan opsi yang dipilih secara default, seperti contoh di bawah ini:
html
Copy code
<select id="fruit" name="fruit">
<option value="apple">Apel</option>
<option value="banana" selected>Pisang</option>
<option value="orange">Jeruk</option>
</select>
Pada contoh di atas, opsi "Pisang" akan dipilih secara default ketika dropdown menu ditampilkan.
Selain itu, Anda juga dapat menggunakan grup opsi menggunakan elemen <optgroup>. Contoh penggunaan grup opsi:
html
Copy code
<select id="fruit" name="fruit">
<optgroup label="Buah-buahan">
<option value="apple">Apel</option>
<option value="banana">Pisang</option>
<option value="orange">Jeruk</option>
</optgroup>
<optgroup label="Sayuran">
<option value="carrot">Wortel</option>
<option value="tomato">Tomat</option>
<option value="cucumber">Mentimun</option>
</optgroup>
</select>
Dalam contoh di atas, terdapat dua grup opsi: "Buah-buahan" dan "Sayuran". Setiap grup diwakili oleh elemen <optgroup>, dan opsi-opsi ditempatkan di dalamnya.
Dengan menggunakan elemen <select> dan <option>, Anda dapat membuat menu dropdown dengan opsi-opsi yang dapat dipilih dalam formulir HTML.
