Dalam GUI komputer, a menu drop down adalah menu yang menawarkan daftar pilihan. Judul menu, atau item yang saat ini dipilih dalam daftar, selalu ditampilkan. Saat item yang terlihat diklik, item lain dari daftar “drop-down” ditampilkan dan pengguna dapat memilih dari opsi tersebut.
Misalnya, banyak program memiliki menu tarik-turun “File” di kiri atas layarnya. Mengklik teks “File” menghasilkan menu baru dengan opsi tambahan.
Menu tarik-turun dalam HTML
Menu drop-down adalah metode yang bersih untuk menampilkan daftar besar pilihan karena awalnya hanya satu pilihan yang ditampilkan hingga pengguna mengaktifkan kotak drop-down. Untuk menambahkan menu drop-down ke halaman web, Anda akan menggunakan elemen
Select a Choice: <select name="example"> <option selected="selected" value="one">Choice 1</option> <option value="two">Choice 2</option> <option value="three">Choice 3</option> </select>
Dalam contoh ini, kami juga memberikan nilai untuk setiap opsi. Nilai-nilai ini dapat diteruskan ke skrip sisi server apa pun untuk informasi yang akan dicatat atau agar tindakan terjadi berdasarkan nilai-nilai tersebut.
Contoh kode di atas
Tidak ada yang terjadi saat memilih pilihan menggunakan menu drop-down di atas. Jika Anda ingin mengirimkan data menggunakan menu tarik-turun, Anda dapat menggunakan formulir layanan pelanggan kami.
Menu tarik-turun di jendela program
Menu drop-down digunakan di semua jenis perangkat lunak. Misalnya, di sistem operasi Windows, daftar kemungkinan tema tampilan (ditampilkan di bawah) adalah menu drop-down.
Cara memilih menu drop-down menggunakan keyboard
Untuk memilih menu drop-down menggunakan keyboard, tekan Tab sampai menu drop-down dipilih. Setelah dipilih, Anda dapat menggunakan tombol panah atas dan bawah untuk menelusuri opsi yang tersedia. Misalnya, tekan Tab sekarang hingga menu tarik-turun berikut dipilih, lalu gunakan tombol panah bawah untuk menelusuri daftar. Setelah opsi dipilih, tekan Tab lagi untuk pindah ke item berikutnya atau tekan Memasuki.
Anda juga dapat menekan huruf pertama dari sebuah opsi. Misalnya, dalam menu tarik-turun di atas, “Terakhir” adalah item terakhir dalam menu tarik-turun. Jika Anda menekan tombol “L” pada keyboard Anda setelah menu drop-down dipilih, itu akan menggulir ke bawah ke opsi itu. Tip ini berguna untuk menu drop-down besar dengan beberapa opsi (mis., memilih negara bagian atau negara).
Tombol apa yang saya tekan untuk menutup menu drop-down?
Anda dapat menekan tombol Esc untuk menutup menu drop-down.
Apa yang terjadi jika Anda mengeklik item di menu drop-down?
Ketika item dalam menu drop-down diklik, itu menjadi opsi yang dipilih. Misalnya, jika Anda mengisi formulir yang berisi menu tarik-turun dengan daftar negara dan Anda memilih “Amerika Serikat”, itu menjadi pilihan Anda. Saat Anda mengirimkan formulir, “Amerika Serikat” akan menjadi negara yang Anda pilih.
Ikon apa yang Anda klik untuk mengaktifkan menu drop-down?
Jika menu drop-down hanya memiliki satu opsi yang tersedia (seperti yang terlihat di bawah), Anda akan mengeklik ikon panah bawah di sebelah opsi pertama.
Saat ini, sebagian besar program juga memungkinkan Anda mengeklik di mana saja pada menu tarik-turun untuk melihat daftar opsi yang tersedia.
Cara memilih beberapa pilihan dalam drop-down
Menu tarik-turun yang menyembunyikan semua opsi hingga panah bawah diklik (seperti contoh di bawah) hanya mengizinkan satu opsi untuk dipilih.
Jika Anda adalah pengembang web dan ingin agar pengunjung dapat memilih beberapa opsi, tambahkan beberapa atribut ke tag pilih. Misalnya, di bawah ini adalah menu drop-down yang sama dengan beberapa atribut ditambahkan.
Saat menu tarik-turun menampilkan beberapa opsi, seperti yang ditunjukkan di atas, Anda dapat menahannya Ctrl dan klik beberapa opsi untuk mengirimkan.
Jika menu tarik-turun Anda memiliki terlalu banyak opsi, tambahkan atribut ukuran di tag pilih.
Haruskah saya menggunakan “menu tarik-turun” atau “menu tarik-turun” secara tertulis?
Saat menulis dokumentasi atau mendeskripsikan menu drop-down, gunakan “menu drop-down” kecuali jika Anda mendeskripsikan fungsi, opsi, atau perintah tanpa tanda hubung.
Kotak kombo, Kotak daftar, Menu, Menu-driven, Persyaratan sistem operasi, Kotak putar