انتقل إلى محتوى الدرس

HTML form input min and max attribute خاصية min وخاصية max مع عنصر input في HTML form

سوف تتعرف في هذا الدرس على بعض الخصائص التي تُضاف إلى عنصر input مع HTML form، ووظيفة كل خاصية وسبب استخدامها.

1 صفوف تعليمية
لغة HTML
7,316 مشاهدة

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

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

تُستخدم خاصية min وخاصية max مع عنصر form input لتحديد أصغر وأكبر قيمة يمكن إدخالها داخل الحقل  input.

  • تعمل خاصية min وخاصية max مع inputs الحقول من النوع: number, range, date, datetime-local, month, time and week.
  • تُستخدم خاصية min وخاصية max لتحديد مجال القيم المسموح بها (من إلى) from to.

قد يسمح المتصفح بكتابة قيمة خارج المجال، لكنه يعدها غير صالحة؛ لا تعني min وmax أن كل إدخال خارج الحدود سيُمنع أثناء الكتابة.

HTML form input min and max attribute

مثال يوضح طريقة تحديد مجال القيم المسموح إدخالها، عن طريق تحديد القيمة 1 كأصغر قيمة مسموح بها وتحديد القيمة 5 كأكبر قيمة مسموح بها.

HTML
<form>
  <label for="quantity">Product QTY:</label><br>
  <input type="number" id="quantity" name="quantity" min="1" max="5">
</form>