Главная » Все материалы сайта » Справочник CSS-3 » Псевдоклассы |
:valid | Псевдокласс CSS
Псевдокласс :valid
Краткая информация
Версии CSS
ОписаниеПрименяется к полям формы, содержимое которых проходит проверку в браузере на соответствие указанному типу. Например, для type="number" вводится число, а не буквы, для type="email" корректный адрес электронной почты. Иными словами, псевдокласс :valid указывает на соответствие ввода в поле формы, например если URL адрес вводят верно. При этом поле ввода может изменятся соответственно установленным стилям, например менять цвет. Применяется вместе с псевдоклассом :invalid, указывающим на правильность ввода. Псевдокласс применим к тегу <input>, создан в версии CSS3 и проходит валидацию согласно версии CSS3. Синтаксисinput:valid { ... }
ЗначенияНет. Пример
В данном примере корректно заполненные поля формы обозначаются зеленым фоном, а некорректные красным. Результат примера показан ниже Использование псевдокласса :validПример 2
Результат примера.Источники: http://htmlbook.ru/ и http://delaisait.ucoz.ru/ | |||||||||||||||||||||||||||
Поделись ссылкой на эту страницу с друзьями:
| |||||||||||||||||||||||||||
Категория: Псевдоклассы | Добавил: evkuriy (09.07.2013) | |||||||||||||||||||||||||||
Просмотров: 940 | Рейтинг: 0.0/0 |