UIDex

إيه الفرق؟

مربّع الاختيار أم مجموعة أزرار الاختيار

الفارق هو عدد الإجابات المسموح بها. مربّعات الاختيار تقبل أياً منها معاً، بما في ذلك لا شيء. مجموعة الاختيار تقبل واحداً فقط، ولا يمكن للمستخدم إلغاء اختياره بعد أن يختار. لذلك مجموعة الاختيار تحتاج دائماً خياراً افتراضياً أو خياراً صريحاً اسمه «بدون».

اسأل نفسك سؤالاً واحداً

هل يصحّ أن يختار المستخدم اتنين في نفس الوقت؟

تنبيهات الحساب

مسطرة المسافة تبدّل المربّع، و Enter يرسل النموذج.

RTLالمربّع عند بداية السطر، والتفريع يزيح بـ padding-inline-start

مربّع الاختيار

Checkbox
<input type="checkbox">

استخدمه لما

مرشّحات البحث، وأذونات الحساب، وأي سؤال إجابته قد تكون واحدة أو خمساً أو لا شيء.

المدخل الكامل
طريقة الشحن

القيمة المرسلة مع النموذج: shipping=express

RTLالأسهم تنقل وتختار معاً، و ArrowLeft هو «التالي» في العربية

مجموعة أزرار الاختيار

Radio Group
role="radiogroup"

استخدمه لما

طريقة الشحن، أو طريقة الدفع، أو أي سؤال إجابته واحدة وتستحقّ أن تكون كل الخيارات مرئية معاً للمقارنة.

المدخل الكامل

الخطأ الكلاسيكي

مجموعة اختيار من خيارين فقط بلا افتراضي. المستخدم لا يستطيع الرجوع إلى حالة «لم أجب بعد»، ولا يفرّق النموذج بين من اختار الأول ومن لم يقرأ السؤال أصلاً.

مقارنات أخرى