مرجع CSS فارسی
PSEUDO-CLASS
placeholder::
placeholder::
placeholder:: شبه عنصریست که برای استایل دهی به مقدار پیش نمایش داخل یک فیلد متنی فرم استفاده می شود. این مقدار های پیش نمایش برای راهنمایی کاربر در نحوه ی پر کردن فرم کاربرد دارد.
به عنوان مثال ، یک فیلد تارخ در فرم می تواند مقدار پیش نمایش ” ماه/سال ” داشته باشد. یا یک فیلدی که ایمیل کاربر را دریافت میکند میتواند placeholder یا مقدار پیش نمایش “john@doe.com” داشته باشد.
در اکثر مرورگرها placeholder ها به رنگ خاکستری روشن هستند. برای استایل دهی به مقدار پیش نمایش یا placeholder یک فیلد فرم میتوان از placeholder:: استفاده کرد.
نکات دیگر
از تمام خصوصیاتی که برای first-line:: قابل استفاده است ، میتوان برای placeholder:: نیز استفاده کرد.
بعضی از مرورگرها رفتار متفاوتی در مورد شبه عنصر placeholder:: دارند. بعنوان مثال، برای فراخوانی از webkit-input-placeholder-:: یا ms-input-placeholder-: و moz-placeholder-: استفاده می کنند.
مثال
تکه کد زیر ، رنگ و فونت placeholder را تغییر می دهد.
::placeholder {
color: #96eb7f;
font-family: Lato, sans-serif;
}
دموی زیر مثال هایی از کاربرد placeholder:: در CSS می باشد.
See the Pen :placeholder by alishooti (@alishooti) on CodePen.
استفاده از این متون آموزشی و کپی برداری از آن ها بلامانع می باشد. توجه شود که ذکر منبع به شدت روحیه دهنده است 😉 .
همچنین منتظر دیدگاه های شما هستیم.