tgoop.com/frontendInterview/4521
Create:
Last Update:
Last Update:
Правильно ли заполнено поле ввода с цифрами? Проверяем прямо в браузере.
Поля ввода с типами date, month, week, time, datetime-local, number и range могут иметь атрибуты min и max. Эти атрибуты задают диапазон допустимых значений, которые пользователь может вводить в поле. В зависимости от того, попадает ли введённое значение в диапазон, будут применяться стили для псевдоклассов :in-range и :out-of-range.
- :in-range для полей, в которых введённое значение попадает в диапазон от min до max;
- :out-of-range для полей, в которых введённое значение не попадает в диапазон от min до max.
Пример
<input class="with-range" type="number" min="10" max="20" step="1">
.with-range {
border: 1px solid black;
}
.with-range:in-range {
border-color: green;
background-color: rgb(0 255 0 / 20%);
}
.with-range:out-of-range {
border-color: red;
background-color: rgb(255 0 0 / 20%);
}👉 @frontendInterview
BY Frontend Interview - собеседования по Javascript / Html / Css
Share with your friend now:
tgoop.com/frontendInterview/4521