الحقل المناسب

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

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

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