Несколько Полезных Трюков Css

Работая над последним проектом, я накопил несколько интересных CSS-фишек, о которых хочу вам рассказать.

Хотя, возможно, это уже изобретено до нас и все об этом уже знают. В примерах используется LESS, а не чистый CSS.

Событие автоподстановки при вводе поля

Задача заключалась в том, чтобы выделить кнопку «Войти», если что-либо было введено в поля электронной почты и пароля.

Проблема в том, что если эти поля заполняются автоподстановкой с клавиатуры браузера, то событие изменения на входах не срабатывает. Решение : используйте псевдокласс :valid. Он срабатывает для ввода, если он содержит контент, соответствующий типу ввода (текст, электронная почта), и если этот ввод имеет обязательный атрибут. Правда, решение не работает в IE, но поддержка этого браузера нам не нужна.

   

 <input required="required" class="email-input" type="email" />
 <input required="required" class="password-input" type="password"/>
 <div class="go">Login</div>
 
 .

email-input:valid ~  .

password-input:valid ~ .

go {
 

   

• Путь К Успеху

  19 Oct, 24

• Как Управлять Экраном Блокировки В Windows 8

  19 Oct, 24

• Повлияют Ли Санкции На Ip-Адреса Российских Операторов Связи?

  19 Oct, 24

• На Iphone Будут Игры!

  19 Oct, 24

• Эксперимент По Созданию Термоэлектрического Генератора На Основе Элементов Пельтье

  19 Oct, 24

• Гитара Про 5.2 Под Kubuntu 7.10

  19 Oct, 24

• Думай Как Преступник. Изучаем Психологию Вора В Виртуальной Реальности

  19 Oct, 24

• Поддержка Svg И Режим Compactoverlay В Приложениях Uwp.

  19 Oct, 24

• Как Сделать Бомбу Из Xml

  19 Oct, 24

• Итоги Единого Рейтинга Веб-Студий 2013

  19 Oct, 24