أنواع إدخال الوقت والتاريخ في HTML
في لغة HTML، تقدر تستخدم أنواع مختلفة من الإدخال علشان تخلي المستخدم يختار وقت أو تاريخ معين. في المقال ده هنتعرف على أهم خمس أنواع خاصة بالوقت والتاريخ.
1. إدخال الوقت: <input type="time">
النوع ده بيسمح للمستخدم يختار الوقت فقط (الساعة والدقائق) بدون تاريخ. مناسب لحجز مواعيد زي "الساعة 9:00 صباحًا".
<input type="time">2. إدخال الأسبوع: <input type="week">
بيستخدم لاختيار أسبوع معين من السنة، وبيظهر بالشكل Week 30 of 2025. مناسب للمهام أو المتابعة الأسبوعية.
<input type="week">3. إدخال الشهر: <input type="month">
بيسمح للمستخدم يحدد شهر وسنة بدون تحديد يوم معين. مفيد في حالات الاشتراكات الشهرية أو تسجيل مواعيد شهرية.
<input type="month">4. إدخال التاريخ: <input type="date">
ده الأشهر، وبيستخدم لاختيار تاريخ كامل (يوم، شهر، سنة). مناسب لحجوزات أو مواعيد التسليم.
<input type="date">5. إدخال تاريخ ووقت: <input type="datetime-local">
بيجمع بين إدخال تاريخ ووقت معًا. مثالي لتحديد حدث بيبدأ في وقت وتاريخ معين زي: 2025-07-25T14:00.
<input type="datetime-local">كل الأنواع دي مدعومة في معظم المتصفحات الحديثة، وبتوفر تجربة استخدام سهلة وسريعة للمستخدم.
نصائح مهمة:
- ممكن تضيف خصائص زي
minوmaxعلشان تتحكم في نطاق التواريخ أو الوقت. - الأنواع دي بتقلل نسبة الخطأ من المستخدم لأن بيتم اختيار القيم من واجهة مخصصة.
- في بعض المتصفحات القديمة، ممكن ما تشتغلش كل الأنواع، فضروري تعمل اختبار للمتصفح.
وبكده نكون استعرضنا كل أنواع إدخال التاريخ والوقت اللي ممكن تستخدمها في نماذج HTML بطريقة احترافية.