Псевдокласс required

required псевдокласы required атрибуты бар инпутқа стиль береді, яғни бұл псевдоклас міндетті түрде толтырылуы керек инпуттарға қолданылады.

Синтаксис

селектор:required {}

Мысал

Міндетті түрде толтырылатын инпутқа көк фон берейік:

<form>
	<p>
		<label>Сан енгізіңіз</label>
		<input type="number" required>
	</p>
	<p>
		<label>Мәтін енгізіңіз</label>
		<input type="text">
	</p>
</form>

input:required {
	background-color: #C2DDFD;
}

Сондай-ақ қараңыз

:optional псевдокласы,
ол required атрибуты жоқ инпутқа стиль береді
:default псевдокласы,
ол әдепкі бойынша элементтерге стиль береді
:indeterminate псевдокласы,
ол анықталмаған күйдегі ауыстырғыштарға стиль береді
:read-only псевдокласы,
ол өзгертуге қол жетімді емес инпуттарға стиль береді
:read-write псевдокласы,
ол өзгертуге қол жетімді инпуттарға стиль береді