HTML - Time Input إدخال الوقت

HTML - إدخال الوقت (Time Input)

عنصر <input type="time"> يُستخدم لإنشاء حقل لإدخال الوقت (ساعة ودقائق)، وغالبًا ما يظهر على شكل واجهة اختيار الوقت في المتصفحات التي تدعمه.

⏰ متى تستخدم <input type="time">؟

• عند حجز المواعيد أو الجداول الزمنية.
• لإدخال ساعات العمل أو حضور الفعاليات.
• لتحديد وقت تنفيذ مهمة أو حدث.

✅ الصيغة الأساسية

<input type="time" name="myTime">

🧪 مثال بسيط

<form>
  <label for="appt">اختر وقتًا للاجتماع:</label>
  <input type="time" id="appt" name="appt">
</form>

⚙️ خصائص إضافية مهمة

• min: يحدد أقل وقت مسموح به (مثال: 09:00).
• max: يحدد أعلى وقت مسموح به (مثال: 18:00).
• step: يحدد الفاصل الزمني بين الخيارات (بالثواني).

📌 مثال بحدود زمنية وخطوة

<label for="appt">حدد وقتًا بين 09:00 و 18:00، كل 30 دقيقة:</label>
<input type="time" id="appt" name="appt"
       min="09:00" max="18:00" step="1800">

📌 ملاحظات هامة

• يجب كتابة الوقت بصيغة hh:mm باستخدام نظام 24 ساعة.
• العنصر لا يسمح بإدخال ثوانٍ بشكل مباشر إلا إذا تم استخدام step.
• قد يختلف دعم العنصر عبر المتصفحات، لذا تحقق دائمًا من التوافق.