Применяется к полям формы, содержимое которых не соответствует указанному типу. Например, для type="number" должно вводиться число, а не буквы, для type="email" корректный адрес электронной почты.
В данном примере корректно заполненные поля формы обозначаются зеленым фоном, а некорректные красным. Результат примера в Chrome показан на рис. 1.
Рис. 1. Использование псевдокласса :invalid
Это интересно
Прототип современного блога был открыт 24 декабря 1996-го года Антоном Носиком. «Вечерний интернет» был первым интернет-изданием, посвящённым непосредственно сети и её пользователям. Огромную популярность приобрела гостевая книга этого сайта.