مرجع 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.0

استفاده از این متون آموزشی و کپی برداری از آن ها بلامانع می باشد. توجه شود که ذکر منبع به شدت روحیه دهنده است 😉 .

همچنین منتظر دیدگاه های شما هستیم.