Применяется к полям формы, содержимое которых проходит проверку в браузере на соответствие указанному типу. Например, для type="number" вводится число, а не буквы, для type="email" корректный адрес электронной почты.
В данном примере корректно заполненные поля формы обозначаются зеленым фоном, а некорректные красным. Результат примера в Chrome показан на рис. 1.
Рис. 1. Использование псевдокласса :valid
Это интересно
Слово SPAM появилось в 1936 году - под такой маркой американская компания выпустила острые мясные консервы («SPiced hAM»). Чтобы сбыть их запасы не первой свежести после второй мировой войны, была проведена массированная рекламная кампания, ставшая эталоном назойливости после скетча труппы «Монти Пайтон». В 1986 году в конференциях Usenet появилось множество одинаковых сообщений от некоего Дэйва Родеса, который рекламировал новую финансовую пирамиду. Кто-то провёл аналогию между такой рассылкой и консервами, и с тех пор слово спам закрепилось в новом значении.