UIDex

إيه الفرق؟

مربّع الاختيار أم مفتاح التبديل

الفارق هو متى يسري الأثر. مربّع الاختيار يجمع قيمة تُرسل مع بقية النموذج عند الضغط على «حفظ»، فيبقى للمستخدم حقّ العدول قبل الإرسال. مفتاح التبديل ينفّذ في اللحظة نفسها، بلا خطوة تأكيد. القاعدة العملية: لو الشاشة فيها زرّ حفظ فالعنصر مربّع اختيار، ولو ما فيهاش فهو مفتاح.

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

لو المستخدم قفل الصفحة دلوقتي، هل الاختيار ده كان اتحفظ؟

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

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

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

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

Checkbox
<input type="checkbox">

استخدمه لما

الموافقة على الشروط، أو اختيار عدّة تصنيفات، أو أي قيمة جزء من نموذج له زرّ إرسال واحد.

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

الإعدادات

كل مفتاح يُطبَّق لحظة الضغط، ولا يوجد زرّ «حفظ» في هذه الشاشة.

RTLالقرص يسافر نحو النهاية المنطقية، فـ«مُفعّل» عند اليسار في العربية

مفتاح التبديل

Switch / Toggle
role="switch"

استخدمه لما

إعداد يسري فوراً: الوضع الداكن، الإشعارات، المزامنة في الخلفية. المستخدم يرى الأثر قبل أن يرفع إصبعه.

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

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

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

مقارنات أخرى