Применяется к полям формы, содержимое которых не соответствует указанному типу. Например, для type="number" должно вводиться число, а не буквы, для type="email" корректный адрес электронной почты.
В данном примере корректно заполненные поля формы обозначаются зеленым фоном, а некорректные красным. Результат примера в Chrome показан на рис. 1.
Рис. 1. Использование псевдокласса :invalid
Дежурная шутка
— Если человек рассказывает массу новых анекдотов, причем каждый раз разные, то этот человек, скорее всего, имеет халявный интернет на работе.
— Если человек рассказывает кучу старых анекдотов, причем каждый раз одни и те же, то этот человек, скорее всего, Петросян.