Tag Option dan Atributnya

OPTION adalah sebuah tag HTML yang berfungsi untuk menampilkan beberapa pilihan yang berbentuk dalam sebuah daftar. Pada penggunaannya, OPTION digunakan bersamaan dengan tag SELECT.

Sebagai contoh :

1. <SELECT NAME="semogaberkah2010.blogspot.com">  
2.     <OPTION VALUE="m">Matematika</OPTION>  
3.     <OPTION VALUE="i">Bahasa Indonesia</OPTION>  
4.     <OPTION VALUE="k">Kimia</OPTION>  
5.     <OPTION VALUE="f">Fisika</OPTION>  
6. </SELECT>

 Tag diatas akan menghasilkan tampilan sebagai berikut :

Sama halnya dengan tag INPUT TYPE=RADIO atau INPUT TYPE=CHECKBOX, tag OPTION berguna untuk meminta inputan dari pengunjung yang disediakan dalam bentuk pilihan. Tentu saja, tag OPTION ini baru berguna apabila inputan data yang dimasukkan oleh pengunjung dikombinasikan dengan kode program yang dapat memroses inputan yang dimasukkan.

VALUE

VALUE adalah atribut yang sangat penting dari tag ini dikarenakan nilai yang akan dikirimkan pada kode pemroses inputan adalah nilai yang diisikan pada atribut ini. Misalnya pada contoh diatas kamu memilih pilihan kedua 'Bahasa Indonesia' maka yang dikirimkan pada kode program pemroses adalah 'i' dimana 'i' merupakan nilai yang dimasukkan pada atribut VALUE ini.
Lihat : <OPTION VALUE="i">Bahasa Indonesia</OPTION>

SELECTED

SELECTED merupakan atribut tambahan dari tag OPTION dimana dapat digunakan untuk menjadikan suatu pilihan adalah pilihan yang otomatis terpilih apabila pengguna tidak mengganti pilihan yang ada.

Contoh :

1. <SELECT NAME="semogaberkah2010.blogspot.com">  
2.     <OPTION VALUE="m">Matematika</OPTION>  
3.     <OPTION VALUE="i" SELECTED>Bahasa Indonesia</OPTION>  
4.     <OPTION VALUE="k">Kimia</OPTION>  
5.     <OPTION VALUE="f">Fisika</OPTION>  
6. </SELECT> 

 Tag diatas akan menghasilkan tampilan sebagai berikut :

 Pada contoh diatas dikarenakan atribut ini diletakkan pada pilihan kedua 'Bahasa Indonesia' maka yang ditampilkan pada tampilan diatas secara otomatis adalah 'Bahasa Indonesia'.