ما هي أنواع المدخلات في "HTML5"؟ و كيف أستطيع إستخدامها؟

هناك الكثير من المدخلات يمكن لك إستخدامها في "HTML5" :
 

color
date
datetime
datetime-local
email
month
number
range
search
tel
time
url
week

سأقوم بوضع سطر برمجي واحد لكل مدخل:

<input type="color" name="favcolor" />

هذا مدخل إختيار اللّون المفضّل الذي إنتشر مؤخراً في المواقع.

<input type="date" name="bday" />

مدخل تحديد تاريخ الميلاد و الذي يستخدم عند التسجيل الأول بموقع ما.

<input type="range" name="points" min="1" max="10" />

مدخل لتحديد القيمة العليا و الصغرى لإدخال رقم.

<input type="tel" name="usrtel" />

مدخل لإضافة رقم هاتف بصيغة رمزيّة معيّنة.