Рализация плейсхолдеров внутри input'a?

Question

[kamwork]

Может кто встречал внятный урок по реализации плейсхолдера, аналогично этого

Comments

[Serj-One]

Что мешает посмотреть код примера?

Answer 1

[Сергей delphinpro]

jsfiddle.net/DelphinPRO/d576g8n8/2
тут не уроки нужны, а просто знание CSS

Comments

[Евгений Миронов]

Тож самое без JS:
https://jsfiddle.net/kmx80j24/
Но с поддержкой не всё так радужно: https://css-tricks.com/almanac/selectors/v/valid/#...

Answer 2

[Ksider]

использовать input + label
codepen.io/ksider/pen/HDvgh

вот есть уроки
tympanus.net/codrops/2015/01/08/inspiration-text-i...

Answer 3

[Дмитрий]

Можно добавить дополнительный элемент с любым содержанием и абсолютным позиционированием. При фокусе инпута скрывать элемент