Применяется к полям формы, содержимое которых проходит проверку в браузере на соответствие указанному типу. Например, для type="number" вводится число, а не буквы, для type="email" корректный адрес электронной почты.
В данном примере корректно заполненные поля формы обозначаются зеленым фоном, а некорректные красным. Результат примера в Chrome показан на рис. 1.
Рис. 1. Использование псевдокласса :valid
Это интересно
Каким образом, вы думаете, системные администраторы должны защищать от посягательств наши личные данные, если у всех одинаковые пароли? Согласно, опросу, самыми популярными являются следующие пароли: 12345, 123456, 11111, 55555 и 77777. А у 4% пользователей пароль совпадает с логином.