برچسبهای شناور
برای نمایش برچسب و ورودی، نوع دیگری نیز طراحی شده است که با قرار گرفتن فوکوس بر روی موضوع ورودی، برچسب کم اهمیت تر شده و به صورت کوچکتر نمایش داده میشود.
توجه داشته باشید در این روش، بر خلاف روشهای قبل، برچسب باید بعد از ورودی قرار گیرد، تا شناسایی شود.
همچنین باید حتما مقدار placeholder یه مقدار غیر خالی داشته باشد، زیرا بر اساس نمایش آن، وضعیت نمایش برچسب را تغییر میدهد، بدانید که عبارت درون placeholder نمایش داده نمیشود.
مثال
LTR
RTL
ورودی دارای مقدار
LTR
RTL
متن چند خطی
برای اندازه کردن ارتفاع چند خطی از خصوصیت rows استفاده نکنید، برای تنظیم ارتفاع خصوصیت height را مقدار دهی کنید.
LTR
RTL
انتخاب
LTR
RTL
غیر فعال و فقط خواندنی
LTR
RTL
نمونه فرم
برای مشاهده آنکه اجزا در یک فرم ورود اطلاعات چگونه نمایش داده میشود، به مثال زیر توجه کنید.
LTR
RTL