Прокачанный placeholder в полях ввода

[Kolyaj]

Поэтому и не даю исходники.

[x-yuri]

это понятно, просто как по мне, либо от того, что метка будет иногда теряться никто не пострадает, либо надо сразу выносить метки

вспомнилось...
- Какие горшки должны быть в малогабаритной кухне?
- Ручками внутрь

[B~Vladi]

Kolyaj, тебе стоит почитать это.
И я полностью поддерживаю эту статью.

[Kolyaj]

B~Vladi,
если ты не заметил, то я в своей реализации как раз пытаюсь уйти от этих недостатков. А то, что такие метки должны использоваться везде, я не говорил. Они уместны во второстепенных формах, размещающихся на каждой странице, и под которые жалко места (вход, подписка, ...).

[B~Vladi]

то я в своей реализации как раз пытаюсь уйти от этих недостатков

Это, конечно же, хорошо, но один недостаток я всё же заметил - не видно лейблов после заполнения полей и на большой форме это не совсем удобно.

[x-yuri]

и на большой форме это не совсем удобно.

вряд ли этот контрол был рассчитан на большие формы. Я бы подобное делал для поля-формы поиска, вроде бы довольно распространенная практика. Только без выезжания метки

Наконец, самое издевательское использование заголовков – заголовки с анимацией. Вы никогда не видели заголовок, который в обычном состоянии находится внутри поля, а при клике на поле медленно переползает влево или вправо от него? Я видел, это ужасно и с точки зрения юзабилити и с точки зрения дизайна. Во-первых, место при данном способе не экономится, во-вторых, анимация сильно отвлекает пользователя и мы сталкиваемся с кучей проблем: ошибки при вводе, незаполненные поля и т.д.

если что

[B~Vladi]

вряд ли этот контрол был рассчитан на большие формы.

Да, это я понимаю. Я про конкретный эффект говорил.

если что

Именно этот абзац я вспомнил, когда посмотрел демку.

[Kolyaj]

не видно лейблов после заполнения полей

Когда курсор внутри и при наведении мыши видно.

на большой форме это не совсем удобно.

На большой форме такое не надо.

Только без выезжания метки

Если метка не будет выезжать, то это будет обычный placeholder, а не прокачанный со всеми своими недостатками. Анимацию просто надо чуть более быструю сделать, чтобы метка раз, и сверху, но не слишком резко.

По поводу места под метки: если она выезжает, то для неё достаточно того отступа, который будет перед input-ом. Если она постоянно сверху, отступ надо делать уже от самой метки.

[B~Vladi]

Когда курсор внутри и при наведении мыши видно.

Зачем тогда его вообще скрывать? Место то есть под него.

[Kolyaj]

Нет места под него. Есть промежуток между блоками, где он может появляться. Если он там будет постоянно находится, промежуток придётся увеличить.