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