В прошлом уроке мы рассмотрели псевдоклассы дочерних элементов. В этом уроке разберем псевдоклассы форм.
Ряд псевдоклассов используется для работы с элементами форм:
-
:enabled: выбирает элемент, если он доступен для выбора (то есть у него не установлен атрибут disabled)
-
:disabled: выбирает элемент, если он не доступен для выбора (то есть у него установлен атрибут disabled)
-
:checked: выбирает элемент, если у него не установлен атрибут checked (для флажков и радиокнопок)
-
:default: выбирает элементы по умолчанию
-
:valid: выбирает элемент, если его значение проходит валидацию HTML5
-
:invalid: выбирает элемент, если его значение не проходит валидацию
-
:in-range: выбирает элемент, если его значение находится в определенном диапазоне (для элементов типа ползунка)
-
:out-of-range: выбирает элемент, если его значение не находится в определенном диапазоне
-
:required: выбирает элемент, если у него установлен атрибут required
-
:optional: выбирает элемент, если у него не установлен атрибут required
Псевдоклассы enabled и disabled
Псевдоклассы enabled и disabled выбирают элементы форм в зависимости от того, установлен ли у них атрибут disabled:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Селекторы в CSS3</title>
<style>
:enabled {
border: 2px black solid;
color: red;
}
</style>
</head>
<body>
<p><input type="text" value="Enabled" /></p>
<p><input type="text" disabled value="Disabled" /></p>
</body>
</html>
Читать далее
Это интересно
0
|
|||
Последние откомментированные темы:
-
Лучший чат-бот с искусственным интеллектом - какой из них вам подходит?
(1)
boris 1
,
13.01.2022
-
Новогоднее украшение рабочего стола ПК
(1)
Елена2022
,
21.12.2021
-
Как JPG преобразовать в Word с распознаванием текста
(1)
Olejaweb
,
13.11.2021
-
Как вернуть классическое ленточное меню в проводник Windows 11
(1)
Сергей Михайлов сын
,
26.10.2021
-
Как покупать ссылки на Miralinks
(1)
Stanzeka
,
17.10.2021
-
Обзор новинки от компании Plantronics – беспроводных наушников BackBeat Go 600
(2)
Onix
,
17.08.2021
-
Как переустановить Windows 7 с сохранением данных
(2)
Horov
,
27.05.2021
-
Нужно ли использовать антивирус на ПК
(1)
gennady 44
,
10.05.2021
-
Лучшие бесплатные альтернативы MS Office
(2)
Horov
,
03.04.2021
-
«Набросок на фрагменте экрана» для создания скриншотов
(1)
gennady 44
,
25.02.2021
20251218093641