الخلاصة

  • يوصل datalist اقتراحات إلى حقل input قابل للتحرير عبر الخاصية list.
  • يعرض المتصفح الاقتراحات ويرتبها، ويستطيع المستخدم إدخال قيمة أخرى تقبلها قواعد الحقل.

تخيل موظفاً يضع أمامك سبع بطاقات لإجابات محتملة، ويترك إلى جانبها ورقة بيضاء وقلماً. كثير من نماذج الويب اعتادت تقديم البطاقات وحدها: اختر ما نعرفه عنك وانتهِ. أتاح datalist سلوكاً أرقّ. يعد الكاتب الاحتمالات، ويظهرها المتصفح قرب خانة التحرير، ويختار الزائر منها أو يواصل الكتابة. صار للنموذج رأي، لكنه لا يصادر صوت صاحبه.

وصفت أول مسودة علنية للغة ترميز HTML نشرها W3C في مارس 2010 عنصر datalist بأنه جديد ومخصص لخيارات معدة مسبقاً لعناصر تحكم أخرى. وسمحت بمحتوى احتياطي للمتصفحات القديمة. كان الويب يومئذ يضيف سلوكاً حديثاً بينما يواصل استقبال قارئ وصل بأداة أقدم. الاقتراح الجديد احتاج إلى طريقة تبقي المادة مفيدة خارج أحدث نافذة للمتصفح.

أبقى مرجع W3C لعام 2011 على تعريف الخيارات الموجهة إلى عناصر تحكم أخرى. هذه العبارة هي مفتاح التصميم: يخزن datalist الاقتراحات، بينما يسجل input الإجابة الفعلية. ينظم الناشر قائمة للأسماء المتكررة، ويبقى للشخص حق كتابة اسم لم يخطر لأحد عند بناء النموذج. القائمة خريطة للأماكن الشائعة؛ العنوان الذي تعيش فيه قد يكون خارج حوافها.

يشرح قسم النماذج في معيار HTML الحالي أن خيار option المفعّل ذا القيمة غير الفارغة يمثل اقتراحاً. ويمكن للاقتراح أن يحمل قيمة ووسماً. تصل خانة الإدخال إلى قائمتها من خلال المعرف المكتوب في list. يساعد الوسم الإنسان على التعرف إلى الاقتراح، وتذهب القيمة إلى الخانة بعد اختياره. يمكن للواجهة أن تتحدث بلغة واضحة، وللنظام أن يحتفظ ببيانات منتظمة.

وتعطي قواعد الإدخال للمتصفح عملاً إضافياً: عرض الاقتراحات أثناء التحرير، وترشيح القوائم الطويلة، ومطابقة الأوسمة والقيم. وتشير إلى تطبيع Unicode والتعامل مع اختلاف حالة الحروف. قد يبدو هذا شأناً للمهندسين فقط، حتى يكتب شخص الكلمة نفسها بلوحة مفاتيح تعطي ترتيباً مختلفاً للرموز. المساعدة الجيدة تفهم طريقة كتابة الناس قبل أن تطلب منهم حفظ تهجئة القائمة.

عندما يختار المستخدم اقتراحاً، يضع المتصفح قيمته في الخانة كما لو كتبها بنفسه. ويمكنه أيضاً كتابة قيمة أخرى يقبلها نوع الخانة وقيودها. قائمة المدن المتكررة تختصر الوقت، وتبقى القرية غير الموجودة فيها قابلة للذكر حين تسمح قواعد الحقل. الاقتراح يفتح طريقاً سريعاً؛ والقواعد العامة للمدخلات تحدد صلاحية الوصول.

في هذه الآلية الصغيرة يتوزع العمل بعدل: الناشر يتوقع، والمتصفح يعرض، والمستخدم يجيب. القائمة المغلقة تصلح للأسئلة التي تملك عدداً معروفاً من الإجابات. أما تفاصيل البشر فتسبق القوائم دائماً بخطوة. لذلك قد يكون أجمل ما فعله datalist أنه وضع بطاقات مفيدة على الطاولة، ثم أعاد القلم إلى صاحب الإجابة.