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

ورودی (Input)

کامپوننت ورودی، یک فیلد را مشخص می‌کند که کاربر می‌تواند داده وارد کند.

پایه (Basic)

ساده‌ترین استفاده از ورودی.

اندازه‌ها (Sizes)

سه گزینه برای اندازه فیلد ورودی وجود دارد.

غیرفعال (Disabled)

ورودی غیرفعال.

پیشوند/پسوند (Affix)

ورودی می‌تواند محتوای suffix یا prefix داخل خود داشته باشد.
تومان

رمز قابل مشاهده (Password Visible)

نمونه‌ای از کنترل نوع ورودی از طریق آیکون پیشوند.

متن‌ چندخطی (Textarea)

تبدیل فیلد ورودی به متن چندخطی با تنظیم textarea به true.

نامعتبر (Invalid)

نمایش ورودی به‌عنوان وضعیت نامعتبر زمانی که invalid روی true تنظیم شده است.

ورودی کنترل‌شده (Controlled Input)

نمونه‌ای از ورودی کنترل‌شده.

API

ورودی (Input)
ویژگیتوضیحاتنوعپیش‌فرض
disabledآیا ورودی غیرفعال استboolean-
invalidآیا ورودی وضعیت نامعتبر داردboolean-
onBlurزمانی که ورودی فوکوس را از دست می‌دهد، فراخوانی می‌شود(e: MouseEvent) => void-
onChangeزمانی که مقدار ورودی تغییر می‌کند، فراخوانی می‌شود(e: MouseEvent) => void-
onFocusزمانی که ورودی فوکوس می‌شود، فراخوانی می‌شود(e: MouseEvent) => void-
prefixنمایش محتوای پیشوند داخل ورودیstring | ReactNode-
sizeاندازه ورودی'lg' | 'md' | 'sm''md'
suffixنمایش محتوای پسوند داخل ورودیstring | ReactNode-
textAreaآیا ورودی به فیلد متن چندخطی تبدیل شودboolean-
typeنوع ورودی، برای انواع موجود به MDN مراجعه کنیدstring'text'
unstyleآیا استایل پیش‌فرض ورودی حذف شودbooleanfalse
فهرست مطالب
  • پایه (Basic)
  • اندازه‌ها (Sizes)
  • غیرفعال (Disabled)
  • پیشوند/پسوند (Affix)
  • رمز قابل مشاهده (Password Visible)
  • متن‌ چندخطی (Textarea)
  • نامعتبر (Invalid)
  • ورودی کنترل‌شده (Controlled Input)