Selection Atau Drop Down
Menu drop down atau selection banyak di gunakan pada situ atau website seperti Facebook, Google, Youtube dan website lainnya pada pengaturan atau pilihan yang tersedia pada website.
Karena menu drop down sangat penting untuk tampilan website yang anda bangun, untuk bisa kalian terapkan juga di website anda buat, Menu drop down sangat mudah dan simple dibuatnya untuk para pengujung atau netter yang mengunjungin situs anda.
Dalam
sebuah dokumen HTML kita juga bisa membuat daftar pilihan "drop-down".
Biasanya model seperti ini dipakai untuk pilihan yang banyak, karena
tidak efektif lagi jika dipakai checkbox.
Contoh program :
<html>
<head>
<title>Form Ke 4 - Selection </title>
</head>
<body>
<form>
<select name="pilihan">
<option value="1"> Pilihan 1 </option>
<option value="2"> Pilihan 2 </option>
<option value="3"> Pilihan 3 </option>
<option value="4"> Pilihan 4 </option>
<option value="5"> Pilihan 5 </option>
<option value="6"> Pilihan 6 </option>
</select>
</form>
<!-- Website Complete Coding Blogspot -->
</body>
</html>
Akan menampilkan seperti dibawah ini :
 |
| Komponen select |
Perhatikan tampilan dari modifikasi dokumen sebelumnya. Pilihan defaultnya diubah menjadi pilihan ketiga dan pilihan ditampilkan sebanyak empat baris.
Perhatikan contoh program berkut :
<html>
<head>
<title>Form Ke 4 - Selection </title>
</head>
<body>
<form>
<select name="pilihan">
<option value="1" selected="selected"> Pilihan 1 </option>
<option value="2"> Pilihan 2 </option>
<option value="3"> Pilihan 3 </option>
<option value="4"> Pilihan 4 </option>
<option value="5"> Pilihan 5 </option>
<option value="6"> Pilihan 6 </option>
</select>
</form>
<!-- Website Complete Coding Blogspot -->
</body>
</html>
Tampilan yang ada di browser seperti berikut :
 |
| Komponen select dengan satu terpilih |
Selain atribut tersebut ada satu atribut lagi untuk membuat multiple choice dengan memberikan atribut "multiple" pada tag <select>.
Tambahkan atribut berikut pada dokumen HTML sebelumnya :
<select name="pilihan" multiple="multiple">
Perhatikan gambar berikut :
 |
| Komponen select dengan lebih dari satu pilihan |
Komponen yang barusan anda pelajari, bisa membuat tampilan pengaturan atau sebuah categori dalam website yang anda bangun. dengan mudah dan kalian bisa membuat website menjadi menarik, serta mudah dalam pencarian sebuah dokumen atau informasi lainnya pada website yang anda miliki. Dan pengunjungpun tidak kesulitan untuk meng aksesnya.
Belum ada tanggapan untuk "Membuat Menu Drop Down Pada HTML"
Posting Komentar