فیلدهای ورودی بخش اساسی یک فرم وب هستند و به کاربران اجازه میدهند تا اطلاعاتی را فراهم کنند یا با برنامه شما تعامل داشته باشند. این بخش به نحوه استفاده از اجزاء ورودی در برنامه وب شما میپردازد و نمونههایی از انواع استایلهای ورودی را ارائه میدهد. اجزا در برنامه وب شما را فراهم میکند و نمونههایی ارائه میدهد از انواع مختلف سبکهای ورودی را ارائه میدهد.
با استفاده از اجزای `ورودی` و سفارشیسازی ویژگیهای آن، میتوانید فیلدهای ورودی چند منظورهای ایجاد کنید که نیازهای برنامه شما را برآورده کنند و تجربه کاربری سریع و بیدردسری ارائه دهند. حتماً نوع ورودی مناسب و قوانین اعتبارسنجی را براساس مورد استفاده خاص خود انتخاب کنید. تجربه کاربری یکپارچه را فراهم کنید. مطمئن شوید که نوع ورودی مناسب و قوانین اعتبارسنجی را بر اساس مورد استفاده خاص خود انتخاب کنید.
اندازهگیری ورودی یک جنبه مهم از طراحی رابط کاربری است. این به شما امکان میدهد که ابعاد فیلدهای ورودی را کنترل کنید تا مطمئن شوید که به خوبی در چیدمان برنامه شما جا میشوند. طراحی. این به شما امکان میدهد تا ابعاد فیلدهای ورودی را کنترل کنید تا اطمینان حاصل شود که به خوبی در چیدمان برنامه شما جا میشوند این بخش به نحوه تنظیم اندازه اجزای ورودی را پوشش میدهد و نمونههایی از انواع مختلف این بخش به نحوه تنظیم اندازه اجزای ورودی میپردازد و نمونههایی از گزینههای مختلف اندازهگیری را ارائه میدهد.
کنترل اندازه اجزای ورودی برای دستیابی به یک طراحی دیداری جذاب و کاربرپسند ضروری است. با استفاده از اجزای `ورودی` و مشخص کردن اندازه مورد نظر، میتوانید مطمئن شوید که فیلدهای ورودی با نیازهای چیدمان و استایل برنامه شما هماهنگی داشته باشند. برای دستیابی به یک طراحی جذاب و کاربرپسند طراحی. با استفاده از اجزاء `ورودی` و مشخص کردن اندازه مورد نظر، میتوانید مطمئن شوید که فیلدهای ورودی با نیازهای چیدمان و استایل برنامه شما هماهنگی داشته باشند. با اندازههای مختلف آزمایش کنید تا اندازهای را پیدا کنید که بهترین تطابق با اهداف طراحی شما را داشته باشد و تجربه کاربری بهینه را ارائه دهد. با اندازههای مختلف آزمایش کنید تا اندازهای را پیدا کنید که بهترین تطابق با اهداف طراحی شما را داشته باشد و تجربه کاربری بهینه را ارائه دهد.
گروههای ورودی عنصر رابط کاربری مفیدی برای ترکیب ورودیهای فرم هستند ورودیها با متن یا آیکونهای اضافی استفاده میشوند. آنها اغلب برای ایجاد فیلدهای ورودی با تطابق بصری و متناسب با از آنها استفاده میشود. این بخش به نحوه ایجاد گروههای ورودی با استفاده از اجزاء `InputGroup` و نمونههای مختلف پیکربندی گروههای ورودی را ارائه میدهد.
گروههای ورودی ابزار چند منظورهای برای افزایش کارایی و جذابیت بصری فرمهای شما هستند. آیا شما نیاز به اضافه کردن آیکونها، برچسبها یا متنهای اضافی به فیلدهای ورودی دارید، اجزاء `InputGroup` به شما امکان میدهد تا گروههای ورودی متمایز و اطلاعاتی ایجاد کنید. با آزمایش پیکربندیهای مختلف، بهترین روش برای ارائه عناصر فرم و بهبود با اندازههای مختلف آزمایش کنید تا اندازهای را پیدا کنید که بهترین تطابق با اهداف طراحی شما را داشته باشد و تجربه کاربری بهینه را ارائه دهد.
وضعیت یا اعتبار ورودیهای فرم به کاربران بازخورد بصری میدهند. این بخش به نحوه اعمال وضعیتهای مختلف به ورودیهای فرم با استفاده از کلاسهای CSS میپردازد و نمونههایی از وضعیتهای مختلف ورودی را ارائه میدهد. وضعیت یا اعتبار ورودیهای فرم را پوشش میدهد. این بخش نحوه اعمال وضعیتهای مختلف به ورودیهای فرم با استفاده از کلاسهای CSS را مشخص میکند و نمونههایی از وضعیتهای مختلف ورودی را ارائه میدهد.
وضعیتهای ورودی برای ارائه بازخورد به کاربران و افزایش تجربه کاربری در فرمهای شما بسیار حیاتی هستند. با استفاده از کلاسهای وضعیت مناسب، میتوانید وضعیت هر فیلد ورودی را به صورت بصری ارتباط برقرار کنید و این امر باعث میشود که کاربران بهتر بتوانند با فرمهای شما تعامل کنند و آنها را درک کنند. با آزمایش انواع استایلها و وضعیتها، طراحی و عملکرد برنامه وب خود را بهتر به هم پیوندید. و بهبود تجربه کاربری در فرمهای شما. با اعمال کلاسهای مناسب وضعیت، میتوانید به صورت بصری وضعیت هر فیلد ورودی را ارتباط برقرار کنید و آن را برای کاربران آسانتر کنید تا با فرمهای شما درک و تعامل کنند. با آزمایش استایلها و وضعیتهای مختلف برای تطبیق طراحی و عملکرد برنامه وب شما. اپلیکیشن
مؤلفه "انتخاب گزینهها" به شما امکان میدهد تا عناصر انتخابی را با گزینههای مختلف ایجاد کنید. این بخش در مورد استفاده از این مؤلفه توضیحاتی ارائه میدهد و نمونههای مختلفی از گزینههای انتخاب را فراهم میکند.
مؤلفه "انتخاب گزینهها" یک ابزار چندمنظوره برای ایجاد عناصر انتخاب کشویی با گزینههای متنوع است. شما میتوانید از آن برای ساخت انواع فرمها و رابطهای کاربری استفاده کنید که نیاز به انتخاب کاربر از انتخابهای پیشتعیین شده دارند. گزینهها و استایلها را براساس نیازهای پروژهی خود سفارشیسازی کرده و تجربهی کاربری را برای کاربران بهتر و کارآمدتر کنید.
مؤلفه "فرم عمودی" به شما امکان میدهد تا فرمهایی با چیدمان عمودی ایجاد کنید، جایی که فیلدها و برچسبهای فرم به صورت پشت سر هم قرار میگیرند. این بخش در مورد استفاده از این مؤلفه توضیحاتی ارائه میدهد و نمونههایی از فرمهای عمودی را فراهم میکند.
مؤلفه "فرم عمودی" برای ایجاد فرمهایی با چیدمان ساده و روشن ایدهآل است، که تجربه کاربری بیسر و صدا را تضمین میکند. آن را براساس نیازهای پروژهی خود سفارشیسازی کنید، مانند افزودن اعتبارسنجی، رفع خطاها و استایلدهی. این مؤلفه فرآیند ایجاد فرمها را سادهتر میکند و جمعآوری ورودیهای کاربر را به راحتی در یک ساختار مرتب انجام میدهد.
مؤلفه "فرم افقی" به شما امکان میدهد تا فرمهایی با چیدمان افقی ایجاد کنید، جایی که برچسبهای فرم به چپ فیلدهای فرم قرار میگیرند. این بخش در مورد استفاده از این مؤلفه توضیحاتی ارائه میدهد و نمونههایی از فرمهای افقی را فراهم میکند.
مؤلفه "فرم افقی" برای ایجاد فرمهایی با چیدمان افقی سنتی مفید است، جایی که برچسبها به چپ فیلدهای ورودی قرار میگیرند. آن را براساس نیازهای پروژه خود سفارشیسازی کنید، مانند افزودن اعتبارسنجی، انجام کارهای رفع خطا و استایلدهی. این مؤلفه فرآیند ایجاد فرمها را سادهتر میکند و جمعآوری ورودیهای کاربر را به راحتی در یک ساختار مرتب انجام میدهد.
مؤلفه "فرم درونخطی" به شما امکان میدهد تا فرمهایی با عناصر درونخطی ایجاد کنید، جایی که فیلدها و برچسبهای فرم افقی روی همان خط ظاهر میشوند. این بخش در مورد استفاده از این مؤلفه توضیحاتی ارائه میدهد و نمونههایی از فرمهای درونخطی را فراهم میکند.
مؤلفه "فرم درونخطی" برای ایجاد فرمهای فشرده و با بهرهوری فضا مفید است که در آن فیلدها و برچسبهای فرم روی همان خط ظاهر میشوند. آن را براساس نیازهای پروژهی خود سفارشیسازی کنید، مانند افزودن اعتبارسنجی، رفع خطاها و استایلدهی. این مؤلفه راهی ساده و مختصر برای جمعآوری ورودی کاربر به صورت درونخطی فراهم میکند که برای نوارهای جستجو، فیلترها و سایر عناصر فرم فشرده ایدهآل است.
مؤلفههای "چکباکس و سوئیچ" روشی را برای ایجاد چکباکسها و سوئیچهای تعاملی فراهم میکنند که کاربران میتوانند آنها را روشن یا خاموش کنند. این بخش شرحی از نحوه استفاده از این مؤلفهها را ارائه میدهد و نمونههایی از چکباکسها و سوئیچها فراهم میکند.
مؤلفههای "چکباکس و سوئیچ" راهی آسان برای ایجاد عناصر تعاملی برای ورودی کاربر فراهم میکنند. آنها را براساس نیازهای پروژهی خود سفارشیسازی کنید و از رویدادها برای پاسخ به تعاملات کاربر استفاده کنید. این مؤلفهها معمولاً برای تنظیمات، ترجیحات، و فرمهایی استفاده میشوند که کاربران نیاز به انتخابهای دودویی دارند.
مؤلفه "رادیو" یک عنصر ورودی اساسی است که به کاربران اجازه میدهد یک انتخاب تکی از بین گزینههای موجود انجام دهند. این مؤلفه به طور معمول در فرمها و پرسشنامهها استفاده میشود که کاربران باید یک گزینه را از بین چند گزینه انتخاب کنند.
مؤلفه "رادیو" چندکاره است و میتواند برای ایجاد گروههای رادیو باتن عمودی و افقی استفاده شود. این دکمههای رادیو به طور معمول در فرمها، نظرسنجیها و هر سناریو که نیاز به انتخابهای انحصاری دارد، استفاده میشوند.
در این بخش، شما اطلاعات دقیقی درباره ویژگیها، کلاسها، و گزینههای موجود که میتوان با این مؤلفه استفاده کرد را پیدا خواهید کرد. درک این ویژگیها برای سفارشیسازی و پیکربندی مؤلفه برای تنظیمات خاص شما بسیار مهم است.
در زیر لیستی از ویژگیهایی که میتوان به اجزاء منتقل کرد، آمده است:
پراپ | نوع | شرح |
---|---|---|
بدون پراپ |
پراپ | نوع | شرح |
---|---|---|
بدون پراپ |
پراپ | نوع | شرح |
---|---|---|
بدون پراپ |
پراپ | نوع | شرح |
---|---|---|
`formInputSize` | `sm`, `lg` | اندازه یا ابعاد میدان ورودی را مشخص میکند در یک فرم. از این ویژگی برای کنترل ظاهری استفاده کنید ظاهر میدان ورودی، با گزینههایی مانند 'کوچک'، 'متوسط' یا 'بزرگ' برای تطابق با طراحی شما و نیازهای طرح و طرح." |
`rounded` | `boolean` | آیا برای اعمال گوشههای گرد به عنصر textarea استفاده شود؟ |
پراپ | نوع | شرح |
---|---|---|
`FormTextareaSize` | `sm`, `lg` | اندازه یا ابعاد میدان ورودی را مشخص میکند در یک فرم. از این ویژگی برای کنترل ظاهری استفاده کنید ظاهر میدان ورودی، با گزینههایی مانند 'کوچک'، 'متوسط' یا 'بزرگ' برای تطابق با طراحی شما و نیازهای طرح و نیازهای طرح |
`rounded` | `boolean` | آیا برای اعمال گوشههای گرد به عنصر textarea استفاده شود؟ |
پراپ | نوع | شرح |
---|---|---|
بدون پراپ |
پراپ | نوع | شرح |
---|---|---|
بدون پراپ |
پراپ | نوع | شرح |
---|---|---|
بدون پراپ |
پراپ | نوع | شرح |
---|---|---|
`FormSelectSize` | `sm`, `lg` | این prop ابعاد یا اندازهٔ عنصر کشویی select در یک فرم را تعیین میکند. از این prop برای سفارشیسازی نمایش بصری ورودی select استفاده کنید، با ارائهٔ انتخابهایی مانند 'کوچک'، 'متوسط' یا 'بزرگ' برای تطابق با ترجیحات طراحی و طرحبندی شما. |
پراپ | نوع | شرح |
---|---|---|
بدون پراپ |
پراپ | نوع | شرح |
---|---|---|
بدون پراپ |
پراپ | نوع | شرح |
---|---|---|
بدون پراپ |
پراپ | نوع | شرح |
---|---|---|
بدون پراپ |
پراپ | نوع | شرح |
---|---|---|
بدون پراپ |