Setelah membahas mengenai text area yang berhubuungan dengan scrolling, sdekarang kita akan membuat yang namanya Dropdown link, Memang hampir sama seputar scroll tetapi kali ini menggunakan tag option dimana kebanyakan digunakan untuk merapikan kumpulan link menjadi 1 kategori, langsung saja dengan beberapa baris kode berikut.
style='overflow: auto; width:50;'>
<option value='0'> <b>Pilih Pabrikan Laptop Bermerek</b> </option>
<option value='http://url_tujuan'>Nama_url_tujuan </option>
</select>
Jika ingin menambah link kode tambahkan baris kode
Misalnya seperti begini :
<select onChange='document.location.href=this.options[this.selectedIndex].value;'
style='overflow: auto; width:50;'>
<option value='0'> <b>Pilih Pabrikan Laptop Bermerek</b> </option>
<option value='http://toshiba-asia.com'> Toshiba</option>
<option value=' http://www.hawletpakard.com'>Hp</option>
<option value=' http://www.acer.com'>Acer</option>
<option value=' http://www.Sony.com'>Sony</option>
<option value=' http://Dell.com'>Dell</option>
</select>
Hasilnya akan sepeerti Begini
Pada kata width juga dapat diganti dengan px ataupun percent % sesuai keinginan anda
Contoh width:200px; (jika memakai pixel) atau width: 50%; (pilihan menggunakan persen adalah bagus jika anda meletakkannya di sidebar dengan ukuran 100%)
Tidak Bekerja di blog q :(
Post a Comment