Каким образом required влияет на анимацию label?

Question

[del993788]

Здравствуйте. Как на чистом html/css можно сделать Input text как у Material UI? В оригинале нужно использовать тег required


Но что делать, если это поле необязательно? Может есть какой-нибудь более элегантный способ?

Comments

[Ankhena]

:placeholder-shown поддержку смотрите сами.
https://jsfiddle.net/Ankhena/kfgz9rno/

[Артур Карапетян]

Убрать required в html ?

[del993788]

Владимир, работает благодаря тегу
Артур, тогда работать не будет. Проверь

[del993788]

Владимир, ну удали тег required и посмотри на анимацию label. Она не будет работать. ё-маё, зачем что-то пишешь не разобравшись в вопросе?

Answer 1

[del993788]

Я, короче, сдался и сделал на js. Ничего проще и элегантнее я придумать не смог... Тут либо костыли, либо отсутствие поддержки браузеров...