Ecme logoEcme logo
داشبورد
    فروشگاه آنلاین
    پروژه
    بازاریابی
    تحلیل
مفاهیم
    هوش مصنوعی
      گفتگو
      تصویر
    پروژه‌ها
      تابلوی اسکرام
      فهرست
      جزئیات
      وظایف
      مسائل
    مشتریان
      فهرست
      ویرایش
      ایجاد
      جزئیات
    محصولات
      فهرست
      ویرایش
      ایجاد
    سفارش‌ها
      فهرست
      ویرایش
      ایجاد
      جزئیات
    حساب کاربری
      تنظیمات
      سابقه فعالیت
      نقش‌ها و دسترسی‌ها
      تعرفه‌ها
    مرکز راهنمایی
      مرکز پشتیبانی
      مقاله
      ویرایش مقاله
      مدیریت مقاله
    تقویم
    مدیریت فایل
    ایمیل
    گفتگو
اجزای رابط کاربری
    عمومی
      دکمه
      شبکه
      تایپوگرافی
      نمادها
    بازخورد
      هشدار
      پنجره گفتگو
      منوی کشویی
      نوار پیشرفت
      پیش‌نمایش
      نشانگر بارگذاری
      پیام موقت
    نمایش اطلاعات
      تصویر کاربر
      نشانک
      تقویم
      کارت‌ها
      جدول
      برچسب
      خط زمان
      راهنمای ابزار
    فرم‌ها
      کادر انتخاب
      انتخابگر تاریخ
      کنترل‌های فرم
      ورودی
      گروه ورودی
      دکمه رادیویی
      بخش
      انتخابگر
      کلید دوحالته
      ورودی زمان
      بارگذاری
    ناوبری
      منوی کشویی
      منو
      صفحه‌بندی
      گام‌ها
      زبانه‌ها
    نمودار
      نمودارها
      نقشه‌ها
احراز هویت
    ورود به سیستم
      ساده
      کناری
      دوبخشی
    ثبت‌نام
      ساده
      کناری
      دوبخشی
    بازیابی رمز عبور
      ساده
      کناری
      دوبخشی
    بازنشانی رمز عبور
      ساده
      کناری
      دوبخشی
    تایید رمز یکبار مصرف
      ساده
      کناری
      دوبخشی
سایر
    دسترسی غیرمجاز
    صفحه فرود
راهنما
    مستندات
    اجزای اشتراکی
    ابزارها
    تاریخچه تغییرات
حق نشر © 2026 Ecme تمامی حقوق محفوظ است.
شرایط و ضوابط | حریم خصوصی و سیاست
اجزاء
اختصار عددلینک عملکارت سازگارپیوستبررسی اختیارنمایش تقویمنمودارپنجره تاییدظرفورودی قالب سفارشیجدول دادهورودی تاخیریتصویر دو رودکمه نقطه چیننمودار گانتمقدار رشد و کاهشمتن آیکونگالری تصاویربارگذاریماسونیاستخلال رسانهتغییر ناوبریورودی عددیورودی OTPورودی رمز عبورورودی الگونقشه منطقهویرایشگر متن غنیگزینه آیتم قطعه پیش‌تنظیمپاورقی چسبندهبرجسته‌سازی دستورگروه آواتار کاربران

ورودی عددی فرم (FormNumericInput)

کامپوننت FormCustomFormatInput که ورودی را با react-number-format بسته‌بندی می‌کند. برای مثال‌های بیشتر به مستندات رسمی مراجعه کنید.

پایه (Basic)

استفاده پایه از FormNumericInput، تمام ویژگی‌های react-number-format را می‌توان به این کامپوننت اعمال کرد.

همراه با فرم (WithForm)

نمونه‌ای از استفاده با React Hook Form

API

ورودی عددی فرم (FormNumericInput)
ویژگیتوضیحاتنوعپیش‌فرض
inputPrefixنمایش محتوای پیشوند در داخل ورودیstring | ReactNode-
inputSuffixنمایش محتوای پسوند در داخل ورودیstring | ReactNode-
thousandSeparatorفعال‌سازی جداکننده هزارگان و امکان تنظیم کاراکتر سفارشیboolean | string-
decimalSeparatorنماد جداکننده اعشارstring-
allowedDecimalSeparatorsکاراکترهایی که فشار دادن آن‌ها منجر به نمایش جداکننده اعشار می‌شود. در صورت عدم تنظیم، جداکننده اعشار و '.' استفاده می‌شوند.Array-
thousandsGroupStyleسبک گروه‌بندی هزارگان را مشخص می‌کند.'thousand' | 'lakh' | 'wan' | 'none'-
decimalScaleاگر تنظیم شود، تعداد ارقام بعد از نقطه اعشار را محدود می‌کند.number-
fixedDecimalScaleاگر روی true تنظیم شود، صفرهای انتهایی بعد از جداکننده اعشار برای تطابق با decimalScale اضافه می‌شوند.boolean-
allowLeadingZerosفعال یا غیرفعال کردن صفرهای ابتدایی در فیلد ورودی. به طور پیش‌فرض، در حالت blur صفرهای ابتدایی حذف می‌شوند. برای فعال‌سازی صفرهای ابتدایی این ویژگی را true کنید.boolean-
allowNegativeاگر روی false تنظیم شود، اعداد منفی مجاز نخواهند بود.boolean-
suffixپسوندی که بعد از مقدار ورودی اضافه می‌شود.string-
prefixپیشوندی که قبل از مقدار ورودی اضافه می‌شود.string-

وابستگی‌ها

فرمت عددی React

تمامی خصوصیات مشترک فرمت عددی React می‌توانند روی این کامپوننت اعمال شوند. برای لیست کامل به مستندات رسمی مراجعه کنید.

فهرست مطالب
  • پایه (Basic)
  • همراه با فرم (WithForm)