فرم ها در بوت استرپ (2)
عناصر و اجزای فرم ها
– ناحیه متن زمانی استفاده می شود که به چندین خط ورودی نیاز دارید
پیدا کنید که شما عمدتاً میتوانید ویژگی ردیفها را تغییر میدهید، و آن را به تعداد ردیفهایی که میخواهید تغییر میدهید
نیاز به پشتیبانی (ردیف های کمتر = جعبه کوچکتر، ردیف های بیشتر = جعبه بزرگتر)
چک باکس ها و دکمه های رادیویی زمانی عالی هستند که می خواهید کاربران از لیستی انتخاب کنند
گزینه های از پیش تعیین شده .هنگام ساخت یک فرم، اگر می خواهید از چک باکس استفاده کنید
کاربر برای انتخاب هر تعداد گزینه از یک لیست حق انتخاب دارد. اگر میخواهید او را محدود کنید، از رادیو استفاده کنید ( فقط یک انتخاب ).
<انتخاب> زمانی استفاده میشود که میخواهید به کاربر اجازه دهید از بین چندین گزینه انتخاب کند، اما توسط
به طور پیش فرض فقط یک مورد را مجاز می کند. بهتر است از <انتخاب> برای گزینه های لیست با استفاده کنید
که کاربر با آنها آشنا است، مانند حالت ها یا اعداد. برای اجازه دادن از multiple=”multiple” استفاده کنید
کاربر بیش از یک گزینه را انتخاب کند. اگر می خواهید کاربر فقط یک گزینه را انتخاب کند،
. type=”radio” از استفاده کنید:
بوت استرپ علاوه بر کنترل های اولیه فرم که در بخش قبل ذکر شد، ارائه می دهد
چند مؤلفه فرم دیگر برای تکمیل عناصر فرم استاندارد اچ تی ام ال دارد.
به عنوان مثال، به شما امکان می دهد به راحتی محتوا را به ورودی ها اضافه کنید
با افزودن محتوای اضافه شده و اضافه شده به یک فیلد ورودی، می توانید المنت مشترک اضافه کنید به
عناصر ورودی کاربر. به عنوان مثال، می توانید دلار را اضافه کنید
نماد، @ برای نام کاربری توییتر، یا هر چیز دیگری که ممکن است برای شما رایج باشد استفاده میشود.ان
رابط برنامه برای افزودن محتوای اضافی قبل از ورودی کاربر، پیشآگهیشده را بپیچید
با افزودن محتوای اضافه شده و اضافه شده به یک فیلد ورودی، می توانید مشترک اضافه کنید
عناصر ورودی کاربر. به عنوان مثال، می توانید دلار را اضافه کنید
نماد، @ برای نام کاربری توییتر، یا هر چیز دیگری که ممکن است برای شما رایج باشد
رابط برنامه برای افزودن محتوای اضافی قبل از ورودی کاربر، پیشآگهیشده را بپیچید
ورودی در یک <div> با کلاس .input-prepend. برای اضافه کردن ورودی، از کلاس .input- استفاده کنید.
سپس، در همان <div>، محتوای اضافی خود را در یک <span> با قرار دهید
یک کلاس .add-on، و <span> را قبل یا بعد از عنصر <input> قرار دهید.
برای پیوست استفاده کنید.
(تعجب!) یک یا دو دکمه به ورودی
اگر یک دکمه را به فرم جستجو اضافه کنید، همان گرد زیبا را دریافت خواهید کرد
گوشه هایی که انتظارش را دارید
با سیستم شبکه پیشفرض که در بوت استرپ وجود دارد، میتوانید از سیستم .span* استفاده کنید
برای اندازه کنترل های فرم علاوه بر روش اندازه ستون دهانه، شما همچنین می توانید
از تعداد انگشت شماری از کلاس ها استفاده کنید که رویکردی نسبی به اندازه گیری دارند. اگر می خواهید ورودی به
به عنوان یک عنصر در سطح بلوک عمل کنید، می توانید .input-block-level را اضافه کنید و کامل خواهد شد
عرض عنصر ظرف، همانطور که در نشان داده شده است
به جای استفاده از <span>، می توانید در عوض از <button> با کلاس btn. برای پیوست استفاده کنید.
قوانین ارسال دیدگاه در سایت