Псевдокласс 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 псевдоклассы,
өзгөртүүгө жарактуу инпуттардын стилин белгилейт