إيه الفرق؟
حقل الإكمال التلقائي أم القائمة المنسدلة
الفارق هو هل يستطيع المستخدم الكتابة. حقل الإكمال مدخل نصّي قابل للكتابة يرشّح القائمة مع كل حرف، والقائمة المنسدلة مشغّل يفتح لائحة جاهزة لا تُكتب فيها. الحيرة مصدرها أن معيار ARIA يمنح الاثنين نفس الدور، لكن ما يفرّقهما هو وجود حقل نصّي فعلي.
اسأل نفسك سؤالاً واحداً
هل عدد الخيارات كبير لدرجة إن المستخدم هيحتاج يكتب عشان يوصل؟
مطار الوصول٣ نتائج
الدوحةDOH
دبيDXB
جدةJED
RTLاللائحة تلتصق ببداية الحقل، والرمز اللاتيني معزول بـ bdi
حقل الإكمال التلقائي
Combobox / Autocompleterole="combobox"استخدمه لما
قوائم طويلة أو مفتوحة: المدن، العملات، أسماء المستخدمين، وسوم يمكن للمستخدم إضافتها.
المدخل الكاملالمدينة
القاهرة
الرياض
دبي
عمّان
RTLاللائحة تُحاذى ببداية المشغّل، والسهم لا ينعكس
القائمة المنسدلة
Dropdown / Select<select> / role="listbox"استخدمه لما
مجموعة قصيرة ومغلقة يعرفها المستخدم مسبقاً: الحالة، الترتيب، عدد العناصر في الصفحة.
المدخل الكاملالخطأ الكلاسيكي
حقل إكمال يمسح ما كتبه المستخدم عند فقد التركيز لأنه لا يطابق أي خيار. الصواب إمّا قبول القيمة الجديدة أو إبقاء النصّ مع رسالة تشرح أنه لم يُطابَق.
مقارنات أخرى
الإشعار العائم أم النافذة الحواريةمربّع الاختيار أم مفتاح التبديلمربّع الاختيار أم مجموعة أزرار الاختيارالشارة أم الشريحةالتنبيه أم الإشعار العائممؤشّر التقدّم أم هيكل التحميلالدرج الجانبي أم الورقة السفليةالتبويبات أم مؤشّر الخطواتالتبويبات أم الأقسام المطويةمسار التنقّل أم مؤشّر الخطواتالتلميح أم القائمة المنسدلةالأقسام المطوية أم القائمة المنسدلة