32. مدخلات النموذج المتقدمة (التاريخ، النطاق، اللون)

قدمت HTML5 أنواع مدخلات متخصصة توفر وظائف محسّنة وعناصر تحكم واجهة مستخدم أصلية (native UI controls)، مما يلغي الحاجة إلى أدوات JavaScript المعقدة.

32.1 إدخال التاريخ (type="date")

يعرض أداة اختيار التاريخ، مما يسهل على المستخدمين تحديد تاريخ.

html تاريخ الميلاد:

32.2 إدخال النطاق (type="range")

يعرض عنصر تحكم شريطي (slider). يتطلب خاصيات min و max، واختيارياً step.

html مستوى الصوت:

32.3 منتقي الألوان (type="color")

يعرض أداة اختيار الألوان الأصلية.

html اختر لون خلفية:

32.4 إدخال الأرقام (type="number")

يجبر المستخدم على إدخال بيانات رقمية ويوفر غالباً أسهم زيادة/نقصان صغيرة.

html الكمية: