شرح صفوف ومحتوى الفقرة
يمنع تطبيق القيود الزمنية حجز المواعيد في التواريخ المنقضية، أو تجاوز الحد الأقصى للحجز، أو اختيار ساعات خارج دوام العمل الرسمي. وتفرض خصائص
min و max و step هذه القيود مباشرة في المتصفح.
HTML
<!-- Restricting bookings to November 2026 with 30-min slots -->
<form action="/book" method="post">
<label for="book-time">Service Slot:</label>
<input id="book-time" name="slot" type="time"
min="09:00" max="17:00" step="1800">
<button type="submit">Confirm Slot</button>
</form>في حقول الوقت، تُقاس خاصية الخطوة بوحدة الثواني؛ ولذلك فإن القيمة
step="1800" تمثل فترة 30 دقيقة، مما يقيد خيارات الحجز على فترات نصف ساعة منظمة مثل التاسعة والتاسعة والنصف صباحاً.