Monday

Kode HTML Membuat Kotak Pilihan Dropdown

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