فیلد شماره
اعداد را با دقت و سبک جمعآوری کنید. از ورودیهای عددی ساده گرفته تا اسلایدرهای تعاملی با قالببندی ارزی - فیلد اعداد، اعتبارسنجی، قالببندی و یک تجربه کاربری زیبا را ارائه میدهد.
جمعآوری هوشمند اعداد با اعتبارسنجی داخلی
ایده آل برای:
ویژگیهای قدرتمند برای هر مورد استفاده
🎯 کنترل دقیق اعتبارسنجی
مرزهای حداقل/حداکثر
کمترین و بیشترین مقادیر مجاز را تنظیم کنید. با اعتبارسنجی داخلی مرورگر، از ورودیهای نامعتبر قبل از ارسال جلوگیری کنید.
کنترل اندازه گام
مقادیر افزایشی را تعریف کنید - اعداد صحیح (1)، نیمپرده (0.5) یا اعداد اعشاری دقیق (0.01) برای واحد پول.
مثال:
- فیلد سن: حداقل ۱۸، حداکثر ۱۰۰، مرحله ۱
- فیلد قیمت: حداقل ۰، حداکثر ۱۰۰۰۰، گام ۰.۰۱
- رتبهبندی: حداقل ۱، حداکثر ۵، مرحله ۰.۵
💰 قالببندی هوشمند اعداد
گزینه های قالب چندگانه:
- عدد ساده - ورودی عددی ساده (123)
- ارز – پول با نمادها (۱۲۳٫۰۰ دلار، ۱۲۳٫۰۰ یورو، ۱۲۳٫۰۰ پوند)
- درصد - نماد % به صورت خودکار اضافه میشود (۸۵٪)
- اعشار - رقم اعشار ثابت (123.45)
نمادهای ارزی سفارشی
پشتیبانی از هر ارزی: $، €، £، ¥، ₹ و موارد دیگر - مناسب برای فرمهای بینالمللی.
دقت اعشاری
کنترل ارقام اعشاری از ۰ تا ۴ رقم برای محاسبات دقیق.
حالت اسلایدر تعاملی
انتخاب بصری اعداد
ورودیهای عددی را به اسلایدرهای زیبا تبدیل کنید. کاربران برای انتخاب مقادیر، اسلاید میکنند - مناسب برای رتبهبندی، محدوده و تنظیمات برگزیده.
ظاهر قابل تنظیم
- رنگ اسلایدر را متناسب با برند خود انتخاب کنید
- نمایش/پنهان کردن نمایش مقدار فعلی
- انیمیشنها و انتقالهای روان
ایده آل برای:
- رتبهبندی رضایت (1-10)
- محدوده بودجه (0 تا 5000 دلار)
- انتخابگرهای سن
- سطوح اولویت
- هر انتخاب محدودهای
🔀 منطق شرطی
قابلیت دید هوشمند میدانی
نمایش یا پنهان کردن این فیلد عددی بر اساس مقادیر فیلدهای دیگر. ایجاد فرمهای پویا که با ورودی کاربر سازگار میشوند.
قوانین منطق پیشرفته:
- منطق AND - همه شرایط باید رعایت شوند
- منطق OR - هر شرطی میتواند باعث انجام عمل شود
- ۸ عملگر - مساوی، نامساوی، بزرگتر از، کوچکتر از، شامل، خالی و موارد دیگر
استفاده از موارد:
- نمایش «تعداد مهمانان» فقط زمانی که کادر انتخاب «مهمان بیاورید؟» علامت زده شده باشد
- نمایش «محدوده بودجه» وقتی نوع خدمات برابر با «پریمیوم» باشد
- پنهان کردن «کد تخفیف» وقتی مجموع سفارش کمتر از ۵۰ دلار است
- گزینههای دارای محدودیت سنی را زمانی که سن بیشتر از ۱ سال است، نمایش دهید
🎨 قابلیت شخصیسازی کامل
- کلاسهای CSS سفارشی
- حالت فیلد پنهان
- ورودیهای بهینهشده برای موبایل
- پشتیبانی دسترسی
- ادغام با تمام ویژگیهای فرم
- اندازه گام، مقدار شروع
- کمترین/بیشترین مقدار مجاز
- فیلد پنهان، مقدار پنهان
⚙️ پیکربندی هوشمند
مقادیر پیش فرض
برای راهنمایی کاربران یا سرعت بخشیدن به تکمیل فرم، فیلدها را با شمارههای شروع از قبل پر کنید.
متن جای جای
قبل از تایپ کاربران، نکات مفیدی مانند «تعداد را وارد کنید» یا «سن شما» را نمایش دهید.
متن راهنما
توضیحاتی اضافه کنید تا مشخص شود چه اعدادی را باید وارد کنید.
راهاندازی ساده در ۳ مرحله
فیلد کشویی خود را در عرض چند دقیقه آماده کنید
فیلد شماره را اضافه کنید
فیلد شماره را از بخش فیلدهای پایه بکشید و در فرم خود رها کنید.
تنظیم قوانین اعتبارسنجی
مقادیر حداقل/حداکثر، اندازه گام و مقدار شروع را پیکربندی کنید تا تعداد اعدادی را که کاربران میتوانند وارد کنند، کنترل کنید.
قالب و سبک را انتخاب کنید
قالب ساده، ارزی، درصدی یا اعشاری را انتخاب کنید. در صورت تمایل، حالت کشویی را برای انتخاب بصری فعال کنید.
🎉 تمام! فیلد عدد شما با اعتبارسنجی و قالببندی هوشمند آماده است.
برنامه های کاربردی در دنیای واقعی
تجارت الکترونیک و سفارشات
- انتخابگرهای تعداد محصول
- فیلترهای محدوده قیمت
- ورودیهای درصد تخفیف
- تعداد اقلام و مجموع آنها
نظرسنجیها و رتبهبندیها
- نمرات رضایت (1-10)
- رتبه بندی ستاره ها
- رتبهبندیهای اولویتدار
- مقیاسهای احتمال
تناسب اندام و سلامتی
- ردیابی وزن
- اندازهگیریهای قد
- تکرارهای تمرینی
- محاسبهگرهای BMI
رزرو و نوبتدهی
- تعداد مهمانان/شرکتکنندگان
- تعداد اتاق
- مدت زمان (به ساعت/روز)
- اندازه مهمانی
فرم های درخواست
- تایید سن
- سال ها تجربه
- انتظارات حقوق
- محدوده بودجه
تجارت و امور مالی
- ورودیهای درآمد
- مبالغ سرمایهگذاری
- درصد بازگشت سرمایه
- نرخ کمیسیون
گزینههای کامل فیلد
پیکربندی پایه
- برچسب فیلد – عنوانی که بالای فیلد شماره نشان داده میشود
- متن توضیحات/راهنما - راهنماییهای تکمیلی برای کاربران
- فیلد اجباری – ورود شماره را اجباری کنید
- متن جای جای - متن راهنما قبل از اینکه کاربران عددی را وارد کنند
تنظیمات اعتبارسنجی
- کمترین مقدار مجاز (حداقل) - کوچکترین عدد قابل قبول
- بالاترین مقدار مجاز (حداکثر) - بزرگترین عدد قابل قبول
- اندازه گام – افزایش مقدار (۱، ۰.۵، ۰.۰۱ و غیره)
- مقدار اولیه – شماره پیشفرض از پیش پر شده
قالب بندی اعداد
- قالب نمایش
- شماره ساده
- واحد پول (با نماد)
- درصد (٪)
- اعشار (با ارقام ثابت)
ارز نماد – $، €، £، ¥، ₹ (وقتی فرمت ارزی باشد)
اماکن اعشاری – ۰، ۱، ۲، ۳ یا ۴ رقم (وقتی فرمت اعشاری باشد)
گزینههای اسلایدر
- نمایش به صورت اسلایدر – حالت کشویی تعاملی را فعال کنید
- رنگ لغزنده – انتخابگر رنگ سفارشی برای برندسازی
- نمایش شماره در کنار اسلایدر - نمایش مقدار فعلی
منطق شرطی
- منطق مشروط را فعال کنید - نمایش/پنهان کردن بر اساس شرایط
نوع منطقی- همه شرایط باید رعایت شود (و)
- هر شرطی قابل تحقق است (یا)
- قوانین مربوط به شرایط
- نمایش / پنهان کردن - اقداماتی که باید انجام شود
- میدان – کدام فیلد را تیک بزنیم
- اپراتور – مساوی، غیر مساوی، شامل، بزرگتر از، کوچکتر از، خالی، غیر خالی
- مقدار – مقدار مقایسه
- شرایط چندگانه - اضافه کردن قوانین نامحدود
گزینه های پیشرفته
- حالت فیلد پنهان - استفاده به عنوان فیلد پنهان با مقدار از پیش تعیین شده
- کلاسهای CSS سفارشی - اعمال استایل سفارشی
- ویژگیهای دسترسیپذیری – برچسبها و توضیحات ARIA
چرا فیلد اعداد ما را انتخاب کنیم؟
✅ دقیق - اعتبارسنجی دقیق حداقل/حداکثر از ورودهای نامعتبر جلوگیری میکند
✅ قابل انعطاف - فرمتهای چندگانه برای هر مورد استفاده
✅ بصری - حالت اسلایدر تعاملات جذابی ایجاد میکند
✅ هوشمند منطق شرطی فرمهای پویا ایجاد میکند
✅ کاربر پسند – پیامهای اعتبارسنجی واضح، کاربران را راهنمایی میکنند
✅ حرفه ای – قالببندی ارز و درصد داخلی
✅ موبایل بهینه شده - صفحه کلیدهای عددی بینقص در دستگاههای تلفن همراه
✅ کاملاً یکپارچه – به طور یکپارچه با تمام ویژگیهای فرم کار میکند
پرسش و پاسخهای متداول
س: تفاوت بین حداقل/حداکثر و اعتبارسنجی چیست؟
الف) تنظیمات حداقل/حداکثر، اعتبارسنجی فوری در سطح مرورگر را فراهم میکنند. کاربران نمیتوانند اعداد نامعتبر ارسال کنند و فرمها بدون خطا و کاربرپسند میشوند.
س: آیا میتوانم از اعداد اعشاری استفاده کنم؟
الف) بله! مقدار Step را برای کنترل اعداد اعشاری تنظیم کنید. برای واحد پول (قیمتها) از 0.01، برای یک رقم اعشار از 0.1 یا هر گام دلخواه دیگری استفاده کنید.
س: اسلایدر روی موبایل چگونه کار میکند؟
الف) اسلایدرها برای صفحات لمسی بهینه شدهاند و روی دستگاههای تلفن همراه به راحتی کار میکنند.
س: آیا میتوانم اعداد منفی را جمعآوری کنم؟
الف) کاملاً! برای مجاز بودن نمایش اعداد منفی، یک مقدار منفی برای حداقل (Min) تعیین کنید (مثلاً حداقل: -100، حداکثر: 100).
س: از چه نمادهای ارزی پشتیبانی میشود؟
الف) هر نمادی! $، €، £، ¥، ₹ یا هر نماد دلخواه حداکثر تا ۳ کاراکتر را وارد کنید.
س: آیا میتوانم از منطق شرطی بر اساس مقایسه اعداد استفاده کنم؟
الف) بله! از عملگرهایی مانند «بزرگتر از»، «کوچکتر از» و «مساوی» برای ایجاد منطق بر اساس مقادیر عددی استفاده کنید.
س: چگونه میتوانم یک فیلد درصد ایجاد کنم؟
الف) «درصد (%)» را به عنوان قالب نمایش انتخاب کنید. نماد % به طور خودکار ظاهر میشود و کاربران مقادیر ۰ تا ۱۰۰ را وارد میکنند.
س: آیا میتوانم رنگ اسلایدر را تغییر دهم؟
بله! وقتی حالت اسلایدر فعال باشد، میتوانید با استفاده از انتخابگر رنگ، هر رنگی را انتخاب کنید.
س: اگر کاربران اعدادی خارج از محدوده وارد کنند، چه اتفاقی میافتد؟
الف) اعتبارسنجی مرورگر، ارسال را متوقف میکند و پیام خطایی مانند «مقدار باید بین ۱ تا ۱۰۰ باشد» نشان میدهد.
س: آیا میتوانم از فیلد اعداد برای محاسبات استفاده کنم؟
الف) بله! مقادیر فیلدهای عددی در مقایسههای شرطی و محاسبات در پردازش فرم شما کار میکنند.
س: اعداد اعشاری چقدر میتوانند دقیق باشند؟
الف) شما میتوانید ارقام اعشاری را از ۰ تا ۴ رقم تنظیم کنید، و مقادیر گام میتوانند تا حد نیاز دقیق باشند (مثلاً ۰.۰۰۱).
