ورودی چندگانه
در برخی مواقع نیاز است یک ورودی اطلاعاتی داشته باشیم که مقدار اصلی است، ولی ممکن است مقادیر دیگری را نیاز داشته باشیم که در صورت
نیاز کاربر قرار به پر کردن آنها باشد.
برای مثال شما یک برنامه چند زبانه دارید، میخواهید کاربر حتما مقدار را در زبان اصلی وارد کند، اگر تمایل داشت مقدار مشابه آن را
در زبانهای دیگر نیز وارد کند، در این صورت از موضوع ورودی چندگانه میتوانید استفاده کنید.
برای استفاده از این موضوع به مثال زیر توجه کنید.
LTR
Text Area
Group style by parent element
RTL
چند خطی
خصوصیات
labels
این مهمترین خصوصیت است، یعنی برچسب برای شناسایی تعداد ورودی ها و عنوان آنها است. تعداد ورودی ها بر اساس تعداد گزینه های این
خصوصیت مشخص میشود. برای تعریف کافیست رشته ای دیکشنری ای مانند به صورت جیسون از عناوین بر حسب ترتیب مد نظر و کلیدهای ورودی دراین خصوصیت وارد کنید،
classes
این خصوصیت نیز طبق قوانین labels بایستی مقدار دهی شود. از این خصوصیت در ساخت ورودی ها استفاده میشود. یعنی اگر هر کلاسی را
خواستید به هر ورودی بر حسب کلید آن اضافه کنید، میتوانید در این خصوصیت معرفی کنید. برای مثال ممکن است یک ورودی راست به چپ
باشد که از خصوصیت rtl و دیگری چپ به راست باشد که بایستی از کلاس ltr استفاده کنید. یا هر کلاس دیگری که میخواهید به input نسبت دهید.
values
این خصوصیت نیز طبق قوانین labels بایستی مقدار دهی شود. این خصوصیت مقدارهای پیش فرض برای هر ورودی را مشخص میکند.
default
با این خصوصیت اشاره میکنید، کلید پیش فرض برای نمایش ورودی در مقدار اصلی کدام است. کافیت نام کلید را وارد کنید.
type
اگر ورودی از نوع input باشد که این ورودی پیش فرض است، در صورتیکه بخواهید تایپ هر ورودی را مشخص کنید، آنرا در این خصوصیت وارد کنید.
خصوصیات جاوا اسکریپت
inputs
این خصوصیت آرایه ای از ورودی های ساخته شده برمیگرداند که در صورت نیاز قادر به تنظیمات بیشتر بر روی آن خواهید بود.
values
این خصوصیت کلاس جیسون از کلید ها و مقدار هر ورودی مرتبط با آن است. دقیقا مانند چیزی که در خصوصیات است ولی به صورت یک موضوع نه رشته
سفارشی کردن
اگر میخواهید موضوع را سفارشی کنید بایستی تمام اجزا را طبق تعاریف بسازید. جهت تعریف اجزا به مثال زیر توجه کنید.
توجه داشته باشید در صورت سفارشی کردن، خود بایستی مدیریت ورودی ها انجام دهید.
LTR
RTL
اعتبار سنجی
برای ایجاد اعتبار سنجی برای موضوع، همانند دیگر مضوعات عمل کنید
LTR
RTL
فقط خواندنی و غیر فعال
Readonly
Group style by parent element
Disabled
Group style by parent element
کلاسهای دستوری
first-labelاگر میخواهید ابتدا برچسب قرار گیرد و سپس ورودی بعد از آن باشد از این کلاس استفاده کنید.
first-inputاگر میخواهید ابتدا ورودی قرار گیرد و سپس برچسب بعد از آن باشد از این کلاس استفاده کنید.
group-input-buttonاگر ابتدا برچسب باشد و سپس ورودی و دکمه، اگر بخواهید ورودی و دکمه در یک گروه div باشند از این کلاس استفاده کنید.