Comments 12
Как по мне, то бессмысленно, но идея интересная. :)
-14
Честно говоря именно «трюк» довольно трививален, и было бы интересно как раз увидеть грамотное применение такого UI-паттерна. У того же неста все не слишком хорошо: выплывающий текст меняет лэйаут, из-за чего элементы ниже скачут. У вашего примера все невероятно двигается и смысла относительно классического плейсхолдера, который не исчезает при фокусе не вижу. Единственный вариант, где это хорошо сделано (на мой взгляд) — у Брэда Фореста, на которого вы ссылаетесь.
+1
Вариант Мэтта мне кажется наиболее правильным и менее раздражающим.
+6
если input обернуть в span(так делает например contact form 7 для wp) то на чистом css не работает…
-1
А есть готовое для bootstrap?
0
![image](https://habrastorage.org/getpro/habr/comment_images/0a7/8d2/623/0a78d26236c9713b485ba3da9307bc11.png)
А вообще идея, конечно, интересная.
+2
Получается, что либо поле не имеет метки, либо оно обязательно должно быть заполнено. Хотелось бы увидеть вариант без required.
0
Как вариант в форме внизу.
0
На вашем примере, если понизить скорость анимации, гораздо приятнее выглядит.
PS А вот по ссылке blog.mahardi.me/2013/10/14/jvfloatjs---the-experiment-with-form-accessbility-and-ux-in-html5/ ростелеком выдал, «Доступ ограничен по решению суда или по иным основаниям, установленным законодательством Российской Федерации.» печаль.
PS А вот по ссылке blog.mahardi.me/2013/10/14/jvfloatjs---the-experiment-with-form-accessbility-and-ux-in-html5/ ростелеком выдал, «Доступ ограничен по решению суда или по иным основаниям, установленным законодательством Российской Федерации.» печаль.
0
Sign up to leave a comment.
Всплывающие метки в формах на чистом CSS