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

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

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

عندما يحتاج التطبيق إلى جمع التاريخ والوقت معاً في خطوة واحدة، يقدم عنصر <input type="datetime-local"> واجهة اختيار مدمجة ومترابطة. ويعد مثالياً لجدولة رحلات الطيران ومواعيد الندوات الرقمية وتوصيل الشحنات.

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

HTML

<!-- Unified date and time input for flight departure -->
<form action="/flights" method="post">
  <label for="dep-dt">Departure Date and Time:</label>
  <input id="dep-dt" name="departure"
         type="datetime-local"
         min="2026-11-01T00:00" max="2026-12-31T23:59">
  <button type="submit">Search Flights</button>
</form>

جرّب بنفسك

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

تستخدم صيغة الإرسال حرف T اللاتيني الكبير فاصلاً بين التاريخ والوقت كما في YYYY-MM-DDTHH:mm. وتجدر الإشارة إلى أن هذا الحقل لا ينقل فارق النطاق الزمني؛ ولذلك يجب على خوادم التطبيق تحديد النطاق الزمني للمستخدم وتوحيده.

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

DateTime Local Combined Input حقل التاريخ والوقت المحلي المدمج

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

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