خاصية type على <input> تغير واجهته، لوحة المفاتيح على الشاشة (mobile)، والتحقق المدمج. استخدام النوع الصحيح يحسن سهولة الاستخدام ويوفر التحقق مجاناً.
html
خاصية type على <input> تغير واجهته، لوحة المفاتيح على الشاشة (mobile)، والتحقق المدمج. استخدام النوع الصحيح يحسن سهولة الاستخدام ويوفر التحقق مجاناً.
لوحات المفاتيح على الهاتف تتكيف — type="email" يعرض مفتاح @، type="tel" يعرض لوحة الأرقام، type="number" يعرض الأرقام. وحده هذا يحقق فائدة استخدام كبيرة على الهواتف.
التحقق المجاني — type="email" يرفض not-an-email عند الإرسال، min/max تحدد الأرقام، type="url" يتحقق من صحة URL — بدون JavaScript مطلوب.
<input type="radio" name="plan" value="free" /> Free
<input type="radio" name="plan" value="pro" /> Pro
<!-- same name = mutually exclusive; only one can be selected -->
اختيار نوع الإدخال الصحيح يعطيك لوحات مفاتيح جوال أفضل، منتقيات أصلية، والتحقق المدمج مجاناً — مما يحسن الوصول والتقليل من JavaScript الذي قد تضطر لكتابته.
إنها خيار صغير مع فائدة UX كبيرة.