Widang Kotak Centang
Kumpulkeun kasapukan sareng sababaraha pilihan kalayan gampang. Tina kotak centang enya/henteu anu saderhana dugi ka daptar multi-pilihan kalayan "Pilih Sadayana," kontrol minimum/maks, sareng tata letak anu cerdas – widang Kotak Centang nanganan kasapukan tunggal sareng patarosan multi-pilihan kalayan validasi anu kuat sareng pilihan anu ramah-pangguna.
Dua Modeu pikeun Unggal Kabutuhan Kotak Centang
Sampurna pikeun:
Fitur Anu Kuat Pikeun Unggal Kasus Panggunaan
Dua Modeu Kotak Centang
Modeu Kotak Centang Tunggal:
Hiji kotak centang kanggo patarosan enya/henteu, kasapukan, atanapi pilihan. Sampurna pikeun panampi sarat, langganan buletin, sareng formulir idin.
Anggo Kasus:
- "Abdi satuju kana syarat sareng katangtuan"
- "Langganan buletin kuring"
- "Muhun, abdi hoyong nampi apdet"
- "Kuring mastikeun inpormasi ieu akurat"
Fitur:
- Téks labél kotak centang khusus
- Kaayaan standar anu dicentang/henteu dicentang
- Nilai anu dikintunkeun khusus (enya, 1, leres, jsb.)
- Pilihan validasi anu diperyogikeun
Modeu Kotak Centang Sababaraha:
Sababaraha pilihan dimana pangguna tiasa milih sababaraha pilihan. Sampurna pikeun patarosan "Pilih sadayana anu lumaku", pangumpulan preferensi, sareng survey multi-pilihan.
Anggo Kasus:
- "Fitur mana anu dipikaresep ku anjeun?" (sababaraha pilihan)
- "Pilih metode kontak anu anjeun pikaresep"
- "Pilih sadaya jasa anu anjeun peryogikeun"
- "Topik naon anu dipikaresep ku anjeun?" (pilih sababaraha)
Fitur:
- Pilihan kotak centang anu teu terbatas
- Tilu gaya tata letak
- Pilihan "Pilih Sadayana"
- Wates pilihan minimum/maks
- "Lainna" nganggo input téks
- Pilihan éksklusif "Teu aya anu di luhur"
🎨 Tilu Pilihan Tata Letak (Sababaraha Modeu)
Tata Letak Vertikal (Ditumpuk):
Kotak cék némbongan hiji per baris, ditumpuk sacara vertikal. Tata letak anu paling gampang dibaca pikeun labél pilihan anu langkung panjang.
Pangsaéna Kanggo:
- Téks pilihan anu panjang
- 3-10 pilihan
- Formulir anu diutamakeun ku mobile
- Kabacaan maksimal
Tata Letak Horisontal (Sareng Sasarengan):
Kotak cék némbongan dina hiji jajar, gigireun. Tata letak anu ringkes pikeun labél pondok.
Pangsaéna Kanggo:
- 2-5 pilihan pondok
- Bentuk kompak
- Tata letak desktop
- efisiensi spasi
Tata Letak Grid (Sababaraha Kolom):
Kotak cék disusun dina grid 2 kolom. Tata letak anu saimbang anu ngahémat rohangan bari tetep gampang dibaca.
Pangsaéna Kanggo:
- 4-12 pilihan
- Labél panjang sedeng
- Desain saimbang
- Penampilan profesional
Paripolah Responsif:
Sadaya tata letak sacara otomatis adaptasi kana layar sélulér, numpuk nalika diperyogikeun pikeun interaksi toél anu langkung saé.
✨ Pilihan "Pilih Sadayana"
Pilihan Sakali Klik:
Tambahkeun kotak centang "Pilih Sadaya" khusus di luhur daptar anjeun. Pangguna tiasa nyentang/ngahapus centang sadaya pilihan ku hiji klik.
Paripolah Pinter:
- Mariksa sadaya pilihan biasa sakaligus
- Hapus centang sadayana nalika diklik deui
- Otomatis ngahapus centang upami aya pilihan anu teu dipilih
- Némbongkeun kaayaan anu teu tangtu nalika sababaraha (sanés sadaya) pilihan dipilih
- Ngaluarkeun "Teu aya anu di luhur" tina sadaya pilihan
Sampurna Pikeun:
- Daptar kotak centang anu panjang (5+ pilihan)
- Formulir dimana pangguna sering milih sadayana
- "Centang sadayana anu lumaku" patarosan
- Pilihan idin sareng fitur
Pangalaman Pamaké:
Ngahémat waktos dina daptar anu panjang. Pangguna tiasa milih sadayana, teras ngahapus centang pengecualian khusus.
✏️ Pilihan "Lainna" nganggo Input Téks
Kumpulan Réspon Khusus:
Tambahkeun kotak centang "Lainna" anu bakal némbongkeun kolom téks nalika dipilih. Pamaké bisa nangtukeun jawaban sorangan upami pilihan anu tos disetel teu cocog.
Kumaha Ieu Karya:
- Kotak centang "Lainna" némbongan di handapeun daptar
- Nalika dicentang, kolom input téks némbongan
- Réspon khusus ngetikkeun ku pangguna
- Pilihan kotak centang sareng téks parantos dikintunkeun
Anggo Kasus:
- "Métode kontak anu dipikaresep: ...Lainna (mangga sebutkeun)"
- "Minat: ...Topik sanésna"
- "Kumaha anjeun terang perkawis kami: ...Sumber sanésna"
- Daptar naon waé anu teu tiasa dianggo
mangpaat:
Nangkep réspon anu teu disangka-sangka, nyayogikeun kalenturan, nyegah pilihan "pas anu dipaksakeun", sareng ningkatkeun kualitas data.
❌ Pilihan "Teu aya anu di luhur"
Éksklusif Non-Pilihan:
Tambahkeun pilihan "Teu aya anu di luhur" anu sacara otomatis ngahapus centang sadaya pilihan anu sanés nalika diklik.
Éksklusivitas Pinter:
- Nalika "Teu aya" dicentang, sadaya pilihan anu sanés bakal otomatis dicabut centangna
- Nalika aya pilihan séjén anu dicentang, "Teu aya" bakal otomatis ngahapus centang
- Nyayogikeun cara anu jelas pikeun nunjukkeun teu aya pilihan anu diterapkeun
- Nyegah pilihan anu kontradiktif
Anggo Kasus:
- Patarosan preferensi opsional
- "Pilih sadaya alergi: ...Teu aya anu di luhur"
- Pamariksa kualifikasi
- Pilihan minat
Naha kalebet:
Nyegah pangabaian formulir, némbongkeun katelitian, nyadiakeun pilihan négatif anu éksplisit, sarta ningkatkeun akurasi data.
📊 Kontrol Pilihan Min/Maks
Kuantitas Pilihan Kontrol:
Setel jumlah minimum sareng maksimum kotak centang anu kedah/tiasa dipilih.
Pilihan Minimal:
Wajibkeun pangguna milih sahenteuna X pilihan. Formulir moal dikintunkeun dugi ka saratna dicumponan.
conto:
- "Pilih sahenteuna 2 minat" (Min: 2)
- "Pilih minimal 3 preferensi" (Min: 3)
- "Pilih sahenteuna 1 pilihan" (Min: 1)
Pilihan Maksimum:
Watesan pangguna pikeun milih teu langkung ti X pilihan. Kotak centang dinonaktipkeun saatos wates kahontal.
conto:
- "Pilih 3 fitur utama anjeun" (Maks: 3)
- "Pilih dugi ka 5 layanan" (Maks: 5)
- "Pilih teu leuwih ti 2 pilihan" (Maks: 2)
Eupan Balik Anu Jelas:
Pamaké ningali pesen validasi sapertos "Mangga pilih sahenteuna 2 pilihan" atanapi "Maksimum 3 pilihan diidinan".
🔧 Manajemén Pilihan anu Gampang
Kadali Pinuh Kana Pilihan:
- Tambahkeun Pilihan – Ketik teras pencét Enter atanapi klik "Tambahkeun Pilihan." Jieun daptar kotak centang dina sababaraha detik.
- Pilihan Édit – Apdet téks tampilan (naon anu katingali ku pangguna) sareng nilai (naon anu dikintunkeun) sacara mandiri.
- Standar Dicentang – Pilih heula kotak centang khusus ku cara nyentang kotak di gigireun unggal pilihan.
- Pilihan Susun Ulang – Anggo panah ka luhur/ka handap pikeun ngatur kotak centang dina urutan anu sampurna.
- Hapus Pilihan – Hapus pilihan anu teu dihoyongkeun ku hiji klik.
Tampilan vs. Nilai:
- Labél: Naon anu katingali ku pangguna (contona, "Apdet Surélék")
- Nilai: Naon anu disimpen (contona, "email_updates")
Wangunan Massal:
Tambahkeun sababaraha pilihan gancang ku cara ngetik, mencét Enter, ngetik, mencét Enter – nyieun daptar kotak centang gancang.
☑️ Fitur Kotak Centang Tunggal
Pilihan Ngepaskeun:
Téks Labél Kotak Centang:
Téks anu ditampilkeun di gigireun kotak centang. Jelaskeun sareng spésifik (contona, "Kuring satuju nampi email pamasaran").
Kaayaan Dipariksa Baku:
Centang heula kotakna nalika formulir dimuat. Anggo kalayan ati-ati – pangguna kedah sacara sadar nyentang kotak kasapukan.
Nilai anu Dikirimkeun Khusus:
Setel nilai naon anu dikintunkeun nalika dicentang (biasana "enya", "1", atanapi "leres"). Standarna nyaéta "enya".
Validasi anu Diperlukeun:
Jieun kotak centang wajib. Pangguna kedah nyentang éta pikeun ngirimkeun formulir. Sampurna pikeun perjanjian anu diwajibkeun.
🔀 Logika Kondisional
Visibilitas Kotak Centang Dinamis:
Témbongkeun atanapi sumputkeun widang kotak centang dumasar kana nilai formulir anu sanés. Témbongkeun pilihan ngan upami aya hubunganana.
Aturan Logika Lanjutan:
SARENG Logika – Sadaya sarat kedah dicumponan
Logika ATAWA – Sagala kaayaan tiasa micu tindakan
8 Operator – Sarua jeung, Teu sarua, Leuwih gede ti, Kirang ti, Ngandung, Kosong, jeung leuwih
Anggo Kasus:
Témbongkeun kotak centang "Preferensi pengiriman" ngan upami "Perlu pengiriman" dicentang
Témbongkeun "Topik buletin" nalika kotak centang langganan dicentang
Témbongkeun "Layanan tambahan" nalika jinis layanan sami sareng "Premium"
Sumputkeun "Pilihan diskon" nalika total pesenan kirang ti $50
🎯 Pangalaman Pangguna anu Ditingkatkeun
Fitur Pinter Anu Dilengkepan:
- Indikator Visual – Hapus kotak centang kalayan jarak anu pas
- Navigasi Kibor – Tab ngaliwatan pilihan kalayan gampang
- Ramah Toél – Target ketok ageung pikeun sélulér
- Pilihan Standar – Pariksa heula pilihan khusus
- Kelas CSS Adat – Larapkeun gaya kana grup kotak centang
- Dukungan Aksesibilitas – labél ARIA, cocog sareng pamaca layar
- Dioptimalkeun pikeun Mobile – Ukuran kotak centang anu sampurna pikeun sentuhan
- Labél Jelas – Téks anu tiasa dibaca kalayan susunan anu leres
- Validasi anu Diperlukeun – Hapus pesen kasalahan
- Téks Pitulung – Tambahkeun pedaran pikeun grup kotak centang anu rumit
Setelan Basajan dina 3 Léngkah
Siapkeun Widang Kotak Centang anjeun dina sababaraha menit
Tambahkeun Widang Kotak Centang
Sered jeung leupaskeun widang Kotak Centang ti bagian Widang Dasar kana formulir anjeun.
Pilih Mode
Pilih “Kotak Centang Tunggal” kanggo patarosan enya/henteu atanapi “Sababaraha Kotak Centang” kanggo pilihan sababaraha pilihan.
Konpigurasikeun Pilihan
Pikeun hiji: atur kotak centang labél sareng nilai. Pikeun sababaraha: tambahkeun pilihan, pilih tata letak, aktipkeun pilihan "Pilih Sadaya" atanapi "Sanésna", sareng atur pilihan minimum/maks.
🎉 Tah kitu! Kotak centang anjeun parantos siap nganggo validasi cerdas.
Aplikasi Dunya Nyata
Kasapukan & Idin
* Panampi syarat sareng katangtuan
* Perjanjian kawijakan privasi
* Pilihan idin surélék
* Langganan buletin
Survei & Eupan Balik
* Patarosan "Pilih sadayana anu lumaku"
* Pilihan minat ganda
* Kumpulan preferensi fitur
* Pilihan topik anu dipikaresep
E-Commerce
* Pilihan fitur produk
* Tambahan layanan
* Pilihan pangiriman
* Preferensi bewara
Formulir Pendaptaran
* Karesep komunikasi
* Kategori minat
* Setélan idin
* Pilihan aksés fitur
aplikasi
*Pamariksa kualifikasi
* Pilihan Kaahlian
* Daérah minat
* Pilihan kasadiaan
Setélan & Preferensi
* Sétingan akun
* Pilihan privasi
* Pilihan bewara
* Toggle fitur
Pilihan Widang Lengkep
Konfigurasi Dasar
- Labél Widang – Patarosan atanapi judul anu dipidangkeun di luhur kotak centang
- Téks Pedaran/Pitulung – Pituduh tambahan pikeun pangguna
- Widang Wajib – Jieun kotak centang wajib
- Placeholder – Teu lumaku pikeun kotak centang
Modeu Kotak Centang
Pilih jinis modeu:
- Kotak Centang Tunggal – Patarosan Sumuhun/Henteu, kasapukan, atanapi milih (hiji kotak centang)
- Sababaraha Kotak Centang – Pilihan sababaraha pilihan (sababaraha kotak centang)
Pilihan Kotak Centang Tunggal
- Téks di gigireun kotak centang – Labél anu dipidangkeun di gigireun kotak centang (contona, "Kuring satuju kana sarat")
- Mimitian Dicentang – Kotak centang tos dicentang nalika formulir dimuat
- Nilai Nalika Dicentang – Nilai data disimpen nalika dicentang (standar: "enya")
Sababaraha Pilihan Kotak Centang
Gaya Tata Letak:
- Ditumpuk (hiji per baris) – Susunan vertikal
- Padeukeut (dina hiji jajar) – Susunan horizontal
- Grid (sababaraha kolom) – tata letak grid 2 kolom
Pilihan Kotak Centang:
Jieun daptar pilihan anjeun:
- Téks Tampilan – Naon anu katingali ku pangguna (contona, "Surélék")
- Nilai – Naon anu dikintunkeun (contona, "surelek")
- Dipariksa sacara Baku – Pilih pilihan anu khusus sateuacanna
- Susun deui – Mindahkeun pilihan ka luhur/ka handap
- Hapus – Hapus pilihan
Pilihan husus:
- Tambahkeun Pilihan "Pilih Sadayana" – Nambihan kotak centang di luhur anu milih/ngabatalkeun sadaya pilihan
- Tambahkeun Pilihan "Lainna" nganggo Kotak Téks – Nambahkeun pilihan "Lainna" nganggo kolom téks pikeun réspon khusus
- Tambahkeun Pilihan "Teu aya anu di luhur" – Nambahkeun pilihan éksklusif anu ngahapus centang sadaya anu sanés nalika dipilih
Watesan Pilihan:
- Pilihan Minimum anu Diperlukeun – Jumlah kotak centang pangsaeutikna anu kedah dipilih (contona, 2)
- Pilihan Maksimum Anu Diidinan – Seuseueurna kotak centang anu tiasa dipilih (contona, 5)
Logika Kondisi
- Aktipkeun Logika Kondisional – Témbongkeun/sumputkeun dumasar kana kaayaan
- Tipe Logika
- Sadaya sarat kedah dicumponan (SARENG)
- Sagala kaayaan tiasa dicumponan (ATAWA)
- Aturan Kaayaan
- Témbongkeun/Sumputkeun – Peta anu kedah dilaksanakeun
- Widang – Widang mana anu kedah dipariksa
- Operator – Sarua jeung, Teu sarua jeung, Ngandung, Leuwih gede ti, Kirang ti, Kosong, Teu kosong
- Nilai – Nilai babandingan
- Sababaraha Kaayaan – Tambahkeun aturan anu teu terbatas
Pilihan Advanced
- Widang Disumputkeun – Jieun widang teu katingali (teu disarankeun pikeun kotak centang)
- Kelas CSS Khusus – Larapkeun gaya khusus
- Atribut Aksesibilitas – labél ARIA pikeun pamaca layar
Naha Milih Widang Kotak Centang Kami?
✅ Dua Modeu – Kotak centang tunggal atanapi sababaraha kotak centang dina hiji jinis widang
✅ Layouts fléksibel - Susunan vertikal, horizontal, atanapi grid
✅ Pilih Sadaya – Pilihan hiji klik pikeun genah
✅ Pilihan Sanésna – Input téks pikeun réspon khusus
✅ Teu aya pilihan – Pilihan éksklusif tanpa pilihan
✅ Wates Minimum/Maks. – Kontrol kuantitas pilihan
✅ Manajemén Gampang – Tambahkeun, édit, susun deui, hapus pilihan kalayan gampang
✅ Gampang dianggo – Labél anu jelas, jarak anu pas, gampang dirampa
✅ Pinuh Terpadu - Gawéna lancar sareng sadaya fitur formulir
Patarosan remen tanya
Q: Naon bédana antara modeu kotak centang tunggal sareng sababaraha?
Modeu tunggal némbongkeun hiji kotak centang pikeun kaputusan enya/henteu. Modeu sababaraha némbongkeun sababaraha kotak centang dimana pangguna tiasa milih langkung ti hiji pilihan.
Q: Naha pangguna tiasa milih sadaya kotak centang sakaligus?
Muhun. Aktipkeun pilihan "Pilih Sadayana" pikeun nambihan kotak centang anu nyentang atanapi ngahapus centang unggal pilihan dina hiji klik.
Q: Kumaha cara kerja pilihan minimum/maks?
Minimum mastikeun pangguna milih sahenteuna sababaraha pilihan. Maksimum ngawatesan sabaraha kotak centang anu tiasa dipilih.
Q: Naon fungsi pilihan "Sanésna"?
Éta nambihan kotak centang tambahan anu dilabélan "Lainna." Nalika dipilih, kolom téks muncul supados pangguna tiasa ngalebetkeun jawaban khusus.
Q: Kumaha cara kerja "Teu aya anu di luhur"?
Éta bertindak salaku pilihan éksklusif. Upami dipilih, sadaya kotak centang anu sanés bakal dihapus. Upami aya pilihan sanés anu dicentang, pilihan "Teu aya" bakal otomatis dihapus centangna.
Q: Dupi abdi tiasa milih heula sababaraha kotak centang?
Muhun. Pikeun modeu tunggal, aktipkeun "Mimitian Dipariksa". Pikeun modeu ganda, tandai kotak centang leutik di gigireun unggal pilihan anu anjeun hoyong pilih sacara standar.
Q: Naha abdi kedah nyentang kotak perjanjian sateuacanna?
Henteu. Pikeun kawijakan, sarat, sareng idin, pangguna kedah nyentang kotakna nyalira.
Q: Dupi abdi tiasa ngarobih urutan kotak centang?
Muhun. Anggo panah ka luhur sareng ka handap di gigireun unggal pilihan pikeun ngarobih urutanana sakumaha anu anjeun pikahoyong.
Q: Naon bédana antara téks tampilan sareng nilai?
Téks tampilan nyaéta naon anu katingali ku pangguna. Nilai nyaéta naon anu disimpen dina database anjeun pikeun data anu bersih sareng konsisten.
Q: Naha abdi tiasa nganggo logika kondisional sareng kotak centang?
Muhun. Aktifkeun widang séjén dumasar kana pilihan nganggo operator sapertos "Sarua jeung", "Kosong", atanapi "Henteu kosong".
Q: Kumaha cara nyieun kotak centang anu diwajibkeun?
Aktipkeun "Widang Wajib". Pikeun modeu tunggal, kotakna kedah dicentang. Pikeun modeu ganda, pangguna kedah milih sahenteuna hiji pilihan atanapi nyumponan sarat minimum anjeun.
Q: Naha pangguna tiasa ngarobih pilihan saatos mariksa?
Muhun. Aranjeunna tiasa nyentang atanapi ngahapus centang pilihan naon waé sacara bébas sateuacan ngalebetkeun formulir. "Pilih Sadayana" ogé tiasa dialihkeun iraha waé.
