حقل الوقت ومحدد الساعات والدقائق | حقول التاريخ والوقت مع HTML Form

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي

يتيح عنصر <input type="time"> للمستخدمين تحديد وقت زمني دقيق يشمل الساعات والدقائق، مع إمكانية إضافة الثواني. وتعرض المتصفحات ساعات تفاعلية أو قوائم دوارة تتكيف مع تفضيلات نظام التشغيل.

الصف 2 كود برمجي

HTML

<!-- Time input configured for service business hours -->
<form action="/schedule" method="post">
  <label for="appt-time">Appointment Time:</label>
  <input id="appt-time" name="time" type="time"
         min="09:00" max="18:00">
  <button type="submit">Book Slot</button>
</form>

جرّب بنفسك

الصف 3 شرح توضيحي

تتبع القيمة المنقولة لحقل الوقت صيغة 24 ساعة بدقة مثل HH:mm أو HH:mm:ss. وعندما تعرض واجهة المتصفح نظام 12 ساعة مع مؤشرات الصباح والمساء، يتولى المتصفح التحويل إلى نظام 24 ساعة تلقائياً دون تدخل يدوي.

الصف 4 ملاحظة هامة

Time Input and Clock Selectors حقل الوقت ومحدد الساعات والدقائق

شرح صفوف ومحتوى الفقرة

جميع فقرات هذا الدرس (حقول التاريخ والوقت مع HTML Form)