النوع المناسب لكل حقل

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

فالقيمة type="tel" تفتح لوحة أرقام الهاتف، وtype="email" تفتح لوحة فيها @ وتتحقّق من شكل البريد دون كود منك. أمّا autocomplete فتخبر المتصفح بنوع ما في الحقل، مثل tel وemail، ومثل one-time-code التي تجعل الهاتف يقترح رمز التحقّق من الرسالة النصية مباشرة.

والخطأ الشائع أن تستعمل type="number" لرمز أو رقم هاتف، فالرقم الذي لا تجمعه ولا تطرحه لا يناسبه number، لأنه يضيف أسهمًا للزيادة والنقصان، ويتجاهل maxlength، وقد تغيّر عجلة الفأرة قيمته. والبديل هو inputmode="numeric"، لكنه يغيّر لوحة المفاتيح فقط ولا يتحقّق من شيء، فأضف إليه pattern.