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