این آموزش در تاریخ ۱۴۰۲/۰۶/۲۱ آپدیت شده است.
آموزش صفت Step در HTML
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش صفت Step در HTML با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
صفت Step در HTML
صفت step صفتی است که درون تگ Input مورد استفاده قرار میگیرد و با استفاده از آن میتوان تعداد / میزان پرش بین اعداد را مشخص کرد.
برای مثال اگر مقدار این صفت درون یک Input از نوع number عدد ۳ باشد، این یعنی هر بار که بروی این تگ کلیک نمایید ۳ عدد ۳ عدد اضافه یا کم میشه. (مثله: ۳,۶,۹ و.. یا کم ۳-,۶- و..)
Free-Learn
عناصری که توسط این صفت پشتیبانی می شوند
این صفت را میتوان در عناصر/تگ های زیر بکار برد.
| <input> |
Free-Learn
مثال از صفت Step در HTML
در ادامه میتوانید یک مثال از این صفت را مشاهده نمایید.
مثال شماره ۱ : استفاده در اینپوت از نوع number
|
1 2 3 4 5 |
<body> <input type="number" step="2"> </body> |
مثال شماره ۲ : استفاده در اینپوت از نوع date ( مثلا کاربر هر ۳روزی ۱روز رو میتونه انتخاب کنه )
|
1 |
<input type="date" name="MyDate" step="3"> |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از صفت step در HTML پشتیبانی میکنند یا خیر.
| نام صفت | Chrome | Firefox | Opera | Safari | Edge |
| step | بله | بله | بله | بله | بله |
Free-Learn
شکل نوشتاری
نحوه نوشتن یا استفاده یا سینتَکس (Syntax) این صفت در HTML بصورت زیر می باشد.
|
1 |
<input step="Number"> |
Free-Learn
جدول مقادیر صفت Step در HTML
در جدول زیر میتوانید، مقادیری را که میتوان در این صفت استفاده کرد مشاهده نمایید.
| مقدار | توضیح |
|---|---|
| Number | یک عدد که فاصله بین پرش اعداد را مشخص میکند ( مقدار پیشفرض ۱ ) |
Free-Learn
نکات و توضیحات
- از این صفت فقط میتوان در اینپوت های از نوع number, range, date, datetime-local, month, time و week استفاده نمود.
- معمولا از صفت های max و min در کنار این صفت استفاده میشه ( همانند مثال شماره ۱ )
