Senin, 17 September 2012

Kode HTML Membuat Kotak Pilihan Dropdown

blogbudaqdegil.blogspot  Kode HTML Membuat Kotak Pilihan Dropdown
Kali ini saya ingin berbagi cara untuk membuat kotak pilihan dropdown list (Select Field) kedalam web dengan menggunakan kode tag HTML ( Mengenal Hypertext Markup Language ). Sering kita temukan daftar pilihan (bidang pilih) pada web yang kita kunjungi.  Biasanya berformat dropdown list ketika kotak di klik, tujuannya adalah untuk memudahkan dan memungkinkan pengunjung di dalam menentukan pilihan dari serangkaian daftar yang telah disediakan.

Membuat bidang pilih ke dalam halaman web dilakukan dengan menggunakan kode tag <select>. Sedangkan daftar pilihan kemudian ditambahkan dengan kode tag <option>.

Contoh :

<select name="selectionField">
  <option value="JABAR" >Jawa Barat -- JABAR </option>
  <option value="JATIM" >Jawa Timur -- JATIM</option>
  <option value="JATENG" >Jawa Tengah -- JATENG</option>
  <option value="KALTIM" >Kalimantan Timur -- KALTIM</option>
</select>


Maka akan menjadi seperti dibawah ini :
Demikian sharing saya bagaimana menggunakan Kode HTML Membuat Kotak Pilihan Dropdown, semoga bermanfaat.

Baca juga Belajar Dasar HTML Merancang Web atau Blog  N4JEGDB377C8

6 komentar:

Icah Banjarmasin mengatakan...

Mantef banget tuh bang tutornya trims ya.

Ustadz Gaul mengatakan...

teria kasih bro, sangat membantu sekali ni blognya :) pada Commonwealth Life Perusahaan Asuransi Jiwa Terbaik Indonesia

Gan ariz mengatakan...

keren gan ! visit my blog di http://aganariz.blogspot.com/

ziko best mengatakan...

silahkan baca tutorial lengkapnya disini http://www.zikover.info/2012/11/select-box-style-css3.html

ali mengatakan...

terima kasih atas ilmu yang di berikan ke pada orang

Payz0 mengatakan...

keren.. tapi klo mo di link, seperti category label

Posting Komentar