يمكن أن يكون ملء عنوان بريد إلكتروني مستهلكًا للوقت ومبطئًا. ما هو سطر العنوان 2؟ قد لا يكون لديك اسم عائلة، لذا ما الذي يجب إدخاله في حقل اسم العائلة؟ تجنَّب هذه الالتباسات وساعِد المستخدمين في ملء نماذج العناوين.
ضمان سهولة استخدام نموذج العنوان
تستخدم العديد من النماذج حقلاً واحدًا للاسم الأول وآخر لاسم العائلة.
ومع ذلك، فإن بعض الأشخاص لا يحملون لقبًا، أو لا تحتوي أسماؤهم على جزأين، فكيف ينبغي لهم ملء حقل اللقب؟ استخدِم علامة <input>
واحدة في حقل الاسم.
مزيد من المعلومات حول التعامل مع تنسيقات الأسماء المختلفة
يمكنك أيضًا استخدام سمة <input>
واحدة لعنوان الشارع، وليس لكل عنوان رقم شارع.
تعامَل بحذر مع أوصاف عناصر التحكم في النموذج.
على سبيل المثال، يقول المستخدمون في الولايات المتحدة كلمة ZIP، وفي الرمز البريدي في المملكة المتحدة.
استخدِم <label for="zip">ZIP or postal code (optional)</label>
للتأكد من أنّ المستخدمين يعرفون البيانات التي يريدون إدخالها.
يجب أن يكون حقل الرمز البريدي اختياريًا، وليس لكل عنوان رمز بريدي.
مساعدة المستخدمين في إدخال عناوينهم
يمكن أن تساعد السمة autocomplete
المستخدمين في إعادة إدخال عنوانهم:
autocomplete="name"
autocomplete="street-address"
autocomplete="postal-code"
autocomplete="country"
يمكنك تحديد قيم متعددة مفصولة بمسافة autocomplete
.
لنفترض أنّ لديك نموذجًا يحتوي على عنوان شحن ونموذج آخر لعنوان إرسال الفواتير.
لإعلام المتصفّح بالرمز البريدي لعنوان إرسال الفواتير،
يمكنك استخدام autocomplete="billing postal-code"
.
بالنسبة إلى عنوان الشحن، استخدِم shipping
كأول قيمة.
يمكنك تغيير تصنيف المفتاح Enter
على لوحات المفاتيح على الشاشة باستخدام السمة enterkeyhint
.
يمكنك استخدام enterkeyhint="done"
في عنصر التحكّم الأخير في النموذج، وenterkeyhint="next"
لعناصر التحكّم الأخرى في النموذج.