یک عنصر Input یک فیلد متنی قابل ویرایش توسط کاربر فراهم میکند و امکان سفارشیسازی سبک متن، ظاهر راهنما (Hint)، اندازه، فاصلهها و گزینههای اعتبارسنجی مانند اجباری بودن و محدودیت حداکثر کاراکتر را دارد.
| فیلد | نوع | مقدار پیشفرض | توضیحات |
|---|---|---|---|
| Name | String | {name} | شناسه نام برای فیلد ورودی. |
| Enable | Boolean | true | تعیین میکند که ورودی فعال باشد یا غیرفعال. |
| Require | Boolean | false | اگر true باشد، فیلد قبل از ارسال فرم باید پر شود. |
| Text | String | {text} | مقدار پیشفرض متن داخل ورودی. |
| Text.Color | Color | {textColor} | رنگ متن تایپ شده. |
| Text.Style | TextStyle | {textStyle} | سبک متن تایپ شده (بولد، ایتالیک و غیره). |
| Text.Size | Number | 16 | اندازه فونت متن ورودی. |
| Hint | String | {hint} | متن راهنمایی که هنگام خالی بودن فیلد نمایش داده میشود. |
| Hint.Color | Color | {hintColor} | رنگ متن راهنما. |
| Hint.Style | TextStyle | {hintStyle} | سبک متن راهنما. |
| Size | Number | 0 | ارتفاع فیلد ورودی. |
| Margin | Number | 20 | فاصله بیرونی اطراف فیلد ورودی. |
| MarginLine | Number | 10 | فاصله عمودی بین این عنصر و عناصر دیگر. |
| Max | Number | 1000 | حداکثر تعداد کاراکتر مجاز. |
نمونه کدنویسی:
{
"@نوع": "Input",
"Name": "{name}",
"Enable": true,
"Require": false,
"Text": "{text}",
"Text.Color": "{textColor}",
"Text.Style": "{textStyle}",
"Text.Size": 16,
"Hint": "{hint}",
"Hint.Color": "{hintColor}",
"Hint.Style": "{hintStyle}",
"Size": 0,
"Margin": 20,
"MarginLine": 10,
"Max": 1000
}برای مشاهدهٔ نحوهٔ ایجاد این المان در اپلیکیشن ساز اپلین (حالت بدون کدنویسی)، به لینک زیر مراجعه کنید:
طراحی ورودی در اپلین استودیو