Belajar Pemrograman HTML Option Tag Element

Belajar Pemrograman HTML Option Tag <option> Element

Sobat Jokam Informatika, tahukah kalian dengan yang namanya Option pada fungsi form ?. Ini adalah suatu metode yang dipakai oleh pendeklarasian form pada pilihan di opsi mereka. mengingat banyaknya pilihan yang dapat ditetapkan oleh seorang pembuat biodata maka, cara opsi ini dapat ditempuh sehingga pilihan tersebut dapat dijadikan satu opsi yang apabila di klik akan memperlihatkan daftar pilihan yang ada.

Seperti apakah bentuk dari tag Option ?

Option <option> - adalah salah satu pendeklarasian pada form HTML yang berguna untuk menjadikan satu form, sehingga tidak akan menghabiskan tempat didalam suatu halaman, pilihan yang dimuat bersifat permanen yakni bahwasannya anda tidak dapat mengubah value yang sudah ditetapkan oleh pembuat form pada halaman tersebut secara umum.

Setelah user memilih suatu opsi maka secara otomatis value yang sebelumnya kosong akan diisikan oleh value opsi tersebut. <option> merupakan anak sub dari element <select>. sehingga letaknya adalah didalam tag element select.

Atribut HTML Tag <option> Element

disabled
Menentukkan bahwa element option sudah dinonaktifkan, sehingga tidak dapat diseleksi oleh pengguna.
Value : disabled

label
Menentukkan label item dari sebuah pilihan opsi.
Value : teks

selected
Menentukkan item terseleksi pertama kali pada checkbox ketika halaman dimuat pertama kali.
Value : selected

value
Menentukkan nilai form seleksi yang akan dikirim pada sebuah server. Apabila opsi diseleksi, maka value-nya akan diambilkan dari value konten element option yang sudah dipilih.
Value : teks


Contoh penerapan dari tag HTML option adalah sebagai berikut ini :

<form>

  <p>Hewan Paling Menyeramkan Menurut Anda ?</p>
 <label>Hewan Menyeramkan :
 <select name="hewan">
   <option value="singa">Singa</option>
   <option value="ular">Ular</option>
   <option value="kalajengking">Kalajengking</option>
   <option value="ulat">Ulat</option>
   <option value="hiu">Ikan Hiu</option>
   <option value="buaya">Buaya</option>
   <option value="kodok">Kodok</option>
   <option value="kepiting">Kepiting</option>
 </select>
 </label>

</form>

Baca juga lainnya :

• Belajar Pemrograman HTML Optgroup Tag Element
• Belajar Pemrograman HTML Legend Tag Element
• Belajar Pemrograman HTML Label Tag Element
• Belajar Pemrograman HTML Input Tag Element

Mungkin itulah yang dapat saya sampaikan di dalam artikel saya yang berjudulkan Belajar Pemrograman HTML Option Tag <option> Element.
Semoga apa yang sudah saya sampaikan dapat bermanfaat bagi anda maupun orang lain yang ingin belajar tentang pemrograman html form legend.
Sekian dan terimakasih.



Kata kunci terkait :

• option attributes
• select option attributes jquery
• option html selected
• Option HTML
• option html5
• option html form
• html5 option
• option button html
• html button call javascript