ویژگی max attribute در HTML <input>

تعریف و استفاده

max ویژگی این attribute محدوده‌ی بیشترین مقدار element <input> را مشخص می‌کند.

توجه:ایجاد max ویژگی با ویژگی min استفاده همزمان از این دو ویژگی، محدوده مقادیر مجاز را ایجاد می‌کند.

توجه:max و min این ویژگی‌ها برای نوع ورودی‌های زیر اعمال می‌شوند:

  • number
  • رنج
  • date
  • datetime-local
  • ماه
  • زمان
  • هفته

مثال

استفاده از ویژگی‌های min و max:

<form action="/action_page.php">
  <label for="datemax">لطفاً تاریخ قبل از 1980-01-01 را وارد کنید:</label>
  <input type="date" id="datemax" name="datemax" max="1979-12-31"><br><br>
  <label for="datemin">لطفاً تاریخ بعد از 2000-01-01 را وارد کنید:</label>
  <input type="date" id="datemin" name="datemin" min="2000-01-02"><br><br>
  <label for="quantity">لطفاً تعداد را وارد کنید (بین 1 تا 5):</label>
  <input type="number" id="quantity" name="quantity" min="1" max="5"><br><br>
  <input type="submit">
</form>

آزمایش کنید

نحوه نوشتن

<input max="number|date">

مقدار ویژگی

مقدار توضیح
number مقدار بیشترین مجاز را مشخص می‌کند.
date تاریخ نهایی مجاز را مشخص می‌کند.

پشتیبانی مرورگر

اعداد در جدول نشان‌دهنده نسخه‌ای اولین بار که این ویژگی پشتیبانی می‌شود، هستند.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
5.0 10.0 16.0 5.1 10.6

max ویژگی‌ها جدید <input> در HTML5 هستند.