این آموزش در تاریخ ۱۴۰۲/۰۶/۲۰ آپدیت شده است.
آموزش صفت Max در HTML
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش صفت Max در HTML با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
صفت Max در HTML
صفت max صفتی است که با استفاده از آن میتوان بیشترین / بالاترین مقدار را برای یک تگ مشخص کرد.
از صفت Max معمولا در کنار صفت Min و باهم مورد استفاده قرار میگیرند.
Free-Learn
عناصری که توسط این صفت پشتیبانی می شوند
این صفت را میتوان در عناصر/تگ های زیر بکار برد.
| <progress> | <meter> | <input> |
Free-Learn
مثال از صفت Max در HTML
در ادامه میتوانید یک مثال از این صفت را مشاهده نمایید.
مثال شماره ۱ : استفاده در تگ Input
|
1 2 3 4 5 6 7 8 9 10 |
<body> <form action="files/get_data12.php" method="POST"> نمره شما به فری لرن <br> <input type="number" name="Nomre" min="1" max="20" step="1" value="1"> <br><br> <input type="submit" value="ارسال"> </form> </body> |
مثال شماره ۲ : استفاده در تگ Meter
|
1 2 3 4 5 6 7 |
<body> <p>1: <meter min="0" max="100"></meter></p> <p>2: <meter min="0" max="100"></meter></p> <p>3: <meter min="0" max="100"></meter></p> </body> |
مثال شماره ۳ : استفاده در تگ Progress
|
1 2 3 4 5 6 |
<body> میزان پیشرفت پروژه : <progress value="75" max="100"></progress> </body> |
مثال شماره ۴ : استفاده در تگ Input از نوع تاریخ ( یعنی گفتیم کمترین تاریخی که میتونه انتخاب شه ۰۱-۰۱-۲۰۰۰ هس و بیشترین تاریخ ۰۱-۰۱-۲۰۲۵ )
|
1 2 3 4 5 6 7 |
<body> <form action="#"> <input type="date" name="Tarikh_Tavalod" min="2000-01-01" max="2025-01-01"> </form> </body> |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از صفت max در HTML پشتیبانی میکنند یا خیر.
| نام تگ | Chrome | Firefox | Opera | Safari | Edge |
| input | بله | بله | بله | بله | بله |
| meter | بله | بله | بله | بله | بله |
| progress | بله | بله | بله | بله | بله |
Free-Learn
شکل نوشتاری
نحوه نوشتن یا استفاده یا سینتَکس (Syntax) این صفت در HTML بصورت زیر می باشد.
|
1 2 3 |
<input max="Number"> <meter max="Number"> <progress max="Number"> |
Free-Learn
جدول مقادیر صفت Max در HTML
در جدول زیر میتوانید، مقادیری را که میتوان در این صفت استفاده کرد مشاهده نمایید.
| مقدار | توضیح |
|---|---|
| Number | مشخص کردن یک مقدار عددی ( مثه ۱۰ ) |
Free-Learn
نکات و توضیحات
- این صفت فقط با تگ های Input از نوع number, range, date, datetime-local, month, time و week کار میکند.
- معمولا صفت min و max رو باهمدیگه استفاده میکنیم تا بتونیم کنترل بهتری در مقادیری که توسط کاربر وارد میشود، داشته باشیم.
