IwanQ
@IwanQ
Плохие времена часто дают прекрасные возможности

Проблема с формой?

Здравствуйте. Сделал форму - https://jsfiddle.net/t62pjzkw/1/ .

Проблема следующая: при вводе почты надпись email поднимается, всё правильно, но если нажать на другую строчку, то текст email опускается, а так быть не должно.

Помогите пожалуйста.
  • Вопрос задан
  • 152 просмотра
Решения вопроса 1
Henxed
@Henxed
Сделал вам с jQuery, по крайне мере работает лучше чем на чистом css


В css поменял вот эту часть:
.input-field input:focus + label, .input-field input.filled  + label, .input-field textarea:focus + label, .input-field textarea.filled  + label{
  top: -25px;
  font-size: 14px;
  padding: 2px 5px;
  background: #ff006a;
  color: #fff;
  border-radius: 4px;
}
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
flapflapjack
@flapflapjack
на треть я прав
лейбл у инпута type=email ведет себя как надо, если мыло ввести правильное.
Измените тип инпута на text, и всё.

Либо придётся JS-ом, ибо с помощью CSS вы правильность email никак не проверите, кроме как так, как сделано у вас сейчас.
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы