Menu lungsur turun Berbilang Pilihan: Pilih Berbilang Pilihan
Menu lungsur turun standard memaksa pengguna memilih hanya satu pilihan. Tetapi bagaimana jika mereka perlu memilih berbilang? Perkhidmatan yang mereka minati, hari ia tersedia, ciri yang mereka inginkan—banyak soalan mempunyai berbilang jawapan yang sah. Menu lungsur turun berbilang pilihan membolehkan pengguna memilih beberapa pilihan daripada satu medan yang cekap ruang.
Dalam panduan ini, anda akan belajar cara mencipta menu lungsur berbilang pilihan yang membolehkan pengguna memilih berbilang pilihan dalam borang WordPress anda.
Apakah itu Menu Jurang Turun Berbilang Pilihan?
Menu lungsur Standard
- Klik untuk membuka pilihan
- Pilih SATU pilihan
- Menu lungsur ditutup
- Satu nilai disimpan
Menu lungsur Berbilang Pilihan
- Klik untuk membuka pilihan
- Pilih PELBAGAI pilihan
- Kekal dibuka untuk lebih banyak pilihan
- Berbilang nilai disimpan
Perbezaan Visual
Standard:
Perkhidmatan: [Reka Bentuk Web ▼] (Satu pilihan sahaja)
Pelbagai Pilihan:
Perkhidmatan: [Reka Bentuk Web, SEO, Pemasaran ▼] (Pelbagai pilihan ditunjukkan)
Bila Perlu Menggunakan Menu Jurang Berbilang Pilihan
Perfect For
- Perkhidmatan yang berminat dengan: "Pilih semua perkhidmatan yang anda perlukan"
- Hari-hari yang tersedia: "Hari-hari manakah yang sesuai untuk anda?"
- Ciri-ciri yang dikehendaki: "Pilih ciri yang anda minati"
- Kategori: "Pilih semua yang berkenaan"
- Kemahiran/kepakaran: "Apakah kemahiran anda?"
- Keutamaan: "Pilih pilihan anda"
Bila hendak menggunakan kotak pilihan sebaliknya
| Menu lungsur Berbilang Pilihan | Kotak cek |
|---|---|
| Banyak pilihan (7+) | Beberapa pilihan (2-6) |
| Bentuk-bentuk yang terhad ruang | Banyak ruang menegak |
| Pilihan tersembunyi sehingga diklik | Semua pilihan kelihatan sekaligus |
| Penampilan lebih bersih | Pengimbasan yang lebih mudah |
| Mesra mudah alih untuk senarai panjang | Lebih baik untuk pemilihan pantas |
Panduan Keputusan
- 2-6 pilihan: Gunakan kotak pilihan
- 7-15 pilihan: Menu lungsur turun berbilang pilihan
- 15+ pilihan: Pilih berbilang dengan carian
Mencipta Menu Jurang Berbilang Pilihan
Langkah 1: Tambah Medan Dropdown
- Buka borang anda dalam A.F.B.
- Seret Jatuh turun medan ke borang anda
- Klik untuk mengkonfigurasi tetapan
Langkah 2: Dayakan Pelbagai Pilihan
- Cari pilihan "Benarkan Pelbagai Pilihan"
- Togol HIDUP
- Menu lungsur kini menerima berbilang pilihan
Langkah 3: Tambah Pilihan
Masukkan setiap pilihan pada baris baharu:
Reka Bentuk Web SEO Pemasaran Kandungan Media Sosial Pemasaran E-mel PPC Pengiklanan Penjenamaan Analisis
Langkah 4: Konfigurasikan Tetapan
- Label: "Perkhidmatan yang Diminati"
- Pemegang tempat: "Pilih semua yang berkenaan"
- Ape Diperlukan: Togol berdasarkan keperluan
- Teks bantuan: "Tekan Ctrl/Cmd untuk memilih berbilang" (jika perlu)
Langkah 5: Tetapkan Had Pemilihan (Pilihan)
- Pilihan minimum: Sekurang-kurangnya X pilihan
- Pilihan maksimum: Tidak lebih daripada X pilihan
Contoh Konfigurasi Pelbagai Pilihan
Pemilihan Perkhidmatan
Label: "Perkhidmatan apa yang anda minati?"
Pemegang tempat: "Pilih semua yang berkenaan"
Ape Diperlukan: Ya
Pilihan minimum: 1
Pilihan:
- Rekabentuk laman web
- Desarrollo de Sitios Web
- E-dagang
- SEO
- Penulisan Kandungan
- Pengurusan Media Sosial
- Pemasaran E-mel
- Iklan Berbayar
- Penjenamaan
- Perundingan
Hari yang Tersedia
Label: "Pada hari apa awak ada masa?"
Pemegang tempat: "Pilih hari yang tersedia"
Ape Diperlukan: Ya
Pilihan minimum: 1
Pilihan:
- Isnin
- Selasa
- Rabu
- Khamis
- Jumaat
- Sabtu
- Ahad
Kemahiran & Kepakaran
Label: "Pilih bidang kepakaran anda"
Pemegang tempat: "Pilih semua yang berkenaan"
Ape Diperlukan: Ya
Pilihan minimum: 1
Pilihan maksimum: 5
Pilihan:
- JavaScript
- Python
- PHP
- Bertindak
- Vue.js
- Node.js
- WordPress
- Pengurusan Pangkalan Data
- DevOps
- Reka Bentuk UI / UX
Had pemakanan
Label: "Ada sebarang sekatan diet?"
Pemegang tempat: "Pilih jika berkenaan"
Ape Diperlukan: Tidak
Pilihan:
- Vegetarian
- Vegan
- Percuma gluten
- Tiada kandungan susu
- Alahan Kacang
- Kosher
- Diiktiraf
- Tiada Sekatan
Keutamaan Komunikasi
Label: "Bagaimana anda mahu kami menghubungi anda?"
Pemegang tempat: "Pilih kaedah pilihan"
Ape Diperlukan: Ya
Pilihan minimum: 1
Pilihan:
- E-mel
- Panggilan Telefon
- Mesej teks
- Panggilan Video
Minat Acara
Label: "Sesi manakah yang menarik minat anda?"
Pemegang tempat: "Pilih sesi untuk dihadiri"
Ape Diperlukan: Ya
Pilihan minimum: 1
Pilihan:
- Ucapan Utama
- Bengkel A: Pemasaran
- Bengkel B: Jualan
- Bengkel C: Teknologi
- Perbincangan Panel
- Makan tengah hari rangkaian
- Majlis Penutupan
Had Pemilihan
Pilihan Minimum
Mengapa menggunakannya:
- Pastikan sekurang-kurangnya satu pilihan dipilih
- Memerlukan berbilang respons
- Sahkan input yang bermakna
Tetapan biasa:
- Min 1: “Pilih sekurang-kurangnya satu”
- Min 2: “Pilih sekurang-kurangnya dua pilihan”
- Min 3: “Pilih 3 teratas anda”
Pilihan Maksimum
Mengapa menggunakannya:
- Hadkan pilihan untuk fokus
- "Pilih 3 teratas anda"
- Kekangan sumber
- Cegah tingkah laku "pilih semua"
Tetapan biasa:
- Maks 3: “Pilih sehingga 3”
- Maks 5: “Pilih tidak lebih daripada 5”
- Slot padanan maksimum yang tersedia
Mesej Pengesahan
- "Sila pilih sekurang-kurangnya 1 pilihan"
- "Sila pilih sekurang-kurangnya 3 pilihan"
- "Anda boleh memilih sehingga 5 pilihan maksimum"
- "Sila pilih antara 2 dan 5 pilihan"
Pertimbangan Pengalaman Pengguna
Arahan yang jelas
Dalam label:
- "Pilih semua yang berkenaan"
- "Pilih pelbagai pilihan"
- "Pilih 3 teratas anda"
Dalam ruang letak:
- “Klik untuk memilih berbilang…”
- "Pilih pilihan..."
Dalam teks bantuan:
- "Anda boleh memilih pelbagai pilihan"
- "Pilih 1-5 pilihan"
- "Tekan dan tahan Ctrl (Cmd pada Mac) untuk memilih berbilang"
Tunjukkan Bilangan yang Dipilih
Paparkan bilangan item yang dipilih:
- “3 item dipilih”
- “Reka Bentuk Web, SEO, +2 lagi”
- Visual yang jelas tentang pilihan semasa
Penyahpilihan Mudah
- Klik item yang dipilih untuk membatalkan pilihan
- Butang “X” pada setiap item yang dipilih
- Pilihan "Kosongkan semua"
Cari Senarai Panjang
Untuk 10+ pilihan, tambahkan carian:
- Taip untuk menapis pilihan
- Cari barang dengan cepat
- Penting untuk 20+ pilihan
Pelbagai Pilihan vs. Jenis Medan Lain
Menu lungsur turun berbilang pilihan vs. kotak pilihan
Pilih Pelbagai Pilihan Apabila:
- 7+ pilihan
- Ruang borang terhad
- Pilihan tidak perlu kelihatan semua
- Penampilan visual yang lebih bersih dikehendaki
Pilih Kotak Semak Apabila:
- 6 atau kurang pilihan
- Pengguna harus melihat semua pilihan
- Pengimbasan pantas penting
- Interaksi yang lebih mudah diutamakan
Pelbagai Pilihan vs. Pelbagai Menu Turun Tunggal
Pendekatan yang buruk:
Pilihan pertama: [Luncur turun] Pilihan kedua: [Luncur turun] Pilihan ketiga: [Luncur turun]
Pendekatan yang lebih baik:
Pilih pilihan anda: [Pilihan berbilang pilihan] (Maksimum 3 pilihan)
Butang Berbilang Pilihan vs. Butang Radio
Butang radio = pilihan tunggal sahaja. Jangan sekali-kali gunakan untuk aneka pilihan.
Pertimbangan Mudah Alih
Pilihan Mesra Sentuh
- Sasaran ketuk besar
- Mudah untuk dipilih/dibatalkan pilihan
- Maklum balas visual yang jelas
Asli vs. Tersuai
- Pilihan berbilang natif boleh menjadi janggal pada mudah alih
- Menu lungsur turun tersuai selalunya UX yang lebih baik
- Pertimbangkan senarai kotak pilihan pada mudah alih
Paparan Item Terpilih
- Tunjukkan pilihan dengan jelas
- Jangan melimpahi bekas
- "3 dipilih" vs. menyenaraikan semua nama
Pengendalian Data
Bagaimana Data Disimpan
Pelbagai pilihan biasanya disimpan sebagai:
- Dipisahkan dengan koma: “Reka Bentuk Web, SEO, Pemasaran”
- Tatasusunan: [“Reka Bentuk Web”, “SEO”, “Pemasaran”]
- Penyertaan individu setiap pilihan
Pemberitahuan e-mel
Dalam e-mel pemberitahuan:
Perkhidmatan yang Diminati: - Reka Bentuk Web - SEO - Pemasaran Kandungan
Eksport CSV
Dieksport sebagai:
- Lajur tunggal: “Reka Bentuk Web, SEO, Pemasaran”
- Atau berbilang lajur setiap pilihan
Penapisan Penyerahan
- Tapis mengikut pilihan tertentu
- Cari semua yang memilih “SEO”
- Berguna untuk segmentasi
Corak Biasa
Corak 1: Pilihan Berbilang Diperlukan
Perkhidmatan diperlukan (pilih sekurang-kurangnya satu): [Pilihan berbilang pilihan] Diperlukan: Ya Min: 1
Corak 2: Pilihan Terhad
Pilih 3 keutamaan utama anda: [Pilihan berbilang pilihan] Min: 3 Maks: 3
Corak 3: Pilihan Berbilang Pilihan
Sebarang sekatan diet? (pilihan) [Juntai bawah berbilang pilihan] Diperlukan: Tidak
Corak 4: “Pilih Semua” dengan Had
Ciri-ciri yang manakah menarik minat anda? (maks. 5) [Juntai lungsur berbilang pilihan] Maks.: 5 Teks bantuan: "Pilih sehingga 5 ciri"
Capaian
Navigasi Papan Kekunci
- Tab untuk mencapai menu lungsur
- Kekunci anak panah untuk menavigasi pilihan
- Ruang/Enter untuk memilih/membatalkan pilihan
- Taip untuk melompat ke pilihan
Sokongan Pembaca Skrin
- Umumkan “pilih berbilang” atau “pilih berbilang”
- Baca kiraan yang dipilih
- Umumkan perubahan pilihan
Kosongkan Label
- Label menunjukkan berbilang pilihan dibenarkan
- "Pilih semua yang berkenaan"
- "Pilih pelbagai pilihan"
Tips Styling
Paparan Item Terpilih
- Tag/cip untuk setiap pilihan
- Perbezaan visual yang jelas
- Butang alih keluar pada setiap
Rupa Menuju Turun
- Tanda semak di sebelah item yang dipilih
- Latar belakang yang diserlahkan untuk yang dipilih
- Keadaan hover yang jelas
Reka Bentuk Konsisten
- Padankan gaya medan borang yang lain
- Sempadan, pelapik, warna yang sama
- Selaras dengan senarai juntai bawah tunggal
Penyelesaian masalah
Pilihan Tidak Menyimpan
- Sahkan berbilang pilihan telah diaktifkan
- Semak pengendalian penyerahan borang
- Uji dengan pratonton borang
Hanya Boleh Pilih Satu
- Pilihan berbilang pilihan tidak diaktifkan
- Semak tetapan medan
- Mungkin menggunakan jenis medan yang salah
Pengesahan Tidak Berfungsi
- Sahkan tetapan minimum/maksimum
- Semak togol yang diperlukan
- Uji kiraan pilihan yang berbeza
Isu Paparan pada Mudah Alih
- Uji pada peranti mudah alih sebenar
- Semak lebar lungsur turun
- Pastikan pilihan kelihatan
Soalan Lazim
Berapa banyak pilihan yang boleh dipilih oleh pengguna?
Secara lalai, tidak terhad. Tetapkan maksimum jika anda ingin mengehadkan pilihan (cth., “Ambil sehingga 3”).
Patutkah saya menggunakan berbilang pilihan atau kotak pilihan?
Kotak pilihan untuk 6 pilihan atau kurang (semuanya kelihatan). Pilih berbilang untuk 7+ pilihan atau apabila ruang terhad.
Bolehkah saya memerlukan bilangan pilihan minimum?
Ya. Tetapkan pilihan minimum untuk memastikan pengguna memilih sekurang-kurangnya X pilihan.
Bagaimanakah berbilang pilihan disimpan?
Biasanya sebagai nilai yang dipisahkan koma atau tatasusunan. Muncul dalam penyerahan dan eksport sebagai senarai.
Bolehkah saya menambah carian pada menu lungsur turun?
Banyak pembina borang menyokong menu lungsur turun yang boleh dicari. Penting untuk 15+ pilihan.
Ringkasan
Mencipta menu lungsur berbilang pilihan:
- Tambah medan lungsur turun – Menu lungsur turun standard dahulu
- Dayakan berbilang pilihan – Benarkan berbilang pilihan
- Tambah pilihan – Semua pilihan yang ada
- Tetapkan label yang jelas – “Pilih semua yang berkenaan”
- Tambah ruang letak – Bimbing pengguna untuk memilih
- Tetapkan had pilihan – Minimum/Maks jika perlu
- Tambah teks bantuan – Menerangkan peraturan pemilihan
- Uji dengan teliti – Pelbagai kiraan pilihan
Kesimpulan
Menu lungsur turun berbilang pilihan menyelesaikan masalah "pilih berbilang" dengan elegan. Ia menjimatkan ruang berbanding senarai kotak semak yang panjang, memastikan borang bersih dan membolehkan pengguna memilih dengan tepat apa yang berkaitan dengannya. Gunakannya untuk perkhidmatan, hari, ciri, pilihan—sebarang soalan yang berbilang jawapannya sah dan senarainya terlalu panjang untuk kotak semak.
Pembina Borang Automatik menyokong menu lungsur turun berbilang pilihan dengan had pilihan dan pilihan yang boleh dicari. Cipta borang fleksibel yang merangkumi berbilang pilihan dalam satu medan mesra pengguna.
Bersedia untuk borang berbilang pilihan? Muat Turun Pembina Borang Automatik dan membolehkan pengguna memilih pelbagai pilihan dengan mudah.
