css — Использование атрибута HTML Required с input.invalid и input.valid
Задавать вопрос
спросил
Изменено 1 год, 9 месяцев назад
Просмотрено 367 раз
Я создаю форму, и в ней есть поля, обязательные для заполнения, такие как имя и адрес электронной почты. Я использую обязательный атрибут HTML, чтобы обеспечить это.Дело в том, что я также предоставляю атрибут шаблона, чтобы убедиться, что я получаю правильный ввод. Для его стиля я использую следующий код
ввод.неверный {
цвет границы: красный;
}
ввод, ввод.действительный {
цвет границы: зеленый;
}
Но поскольку я также использую обязательный атрибут, он делает границы красными при загрузке формы, так как поля в это время пусты.
Любая помощь приветствуется, спасибо.
- HTML
- CSS
ввод: неверный: фокус {
цвет границы: красный;
}
ввод: действительный: фокус {
цвет границы: зеленый;
} Вы можете использовать атрибут :focus , чтобы он не отображал красную рамку, когда он загружен.
ввод: неверный: фокус {
цвет границы: красный;
}
0 Как вы можете видеть в приведенном ниже фрагменте, вы можете использовать :required , чтобы найти входные данные с обязательным атрибутом и стилизовать их
input {
граница: 1px сплошная #ddd;
контур: нет;
}
ввод: требуется {
цвет границы: синий;
}
ввод: неверный {
цвет границы: красный;
}
ввод: действительный {
цвет границы: зеленый;
} 3
Зарегистрируйтесь или войдите в систему
Зарегистрируйтесь с помощью Google Зарегистрироваться через Facebook Зарегистрируйтесь, используя электронную почту и парольОпубликовать как гость
Электронная почтаТребуется, но никогда не отображается
Опубликовать как гость
Электронная почтаТребуется, но не отображается
Нажимая «Опубликовать свой ответ», вы соглашаетесь с нашими условиями обслуживания и подтверждаете, что прочитали и поняли нашу политику конфиденциальности и кодекс поведения.
Какой обязательный атрибут в HTML?
Что такое обязательный атрибут в HTML?
Что такое обязательный атрибут в HTML?
share-outline Бесплатный курс Javascript — Освоение основ Мринал Бхаттачарья Бесплатно star 4.8 Зачислено: 20327 90 012 Бесплатный курс по Javascript — освоение основ Мринал Бхаттачарья Бесплатно Начать обучениеЧто такое обязательный атрибут в HTML?
Иногда при разработке формы мы указываем определенные поля, которые должны быть предоставлены пользователем, то есть их нельзя оставлять пустыми. Поэтому мы делаем некоторые поля необязательными, а некоторые обязательными для заполнения пользователем в соответствии с нашим требованием, и именно здесь мы используем « Required in HTML ».
Пример такого случая показан выше, где мы сделали поле Имя равным требуется в HTML, и когда мы нажимаем кнопку отправки, не заполняя ее, появляется сообщение о том, что вам необходимо заполнить это поле перед отправкой формы.
Обязательный атрибут в HTML — это один из таких атрибутов, который используется, когда мы не хотим, чтобы поле оставалось пустым перед отправкой формы. Когда он используется с любым элементом в HTML, это конкретное поле должно быть заполнено пользователем перед отправкой формы.
Однако атрибут required в HTML является логическим атрибутом и принимает значение true или false. True относится к тому, чтобы сделать поле обязательным, тогда как false относится к тому, чтобы оставить его в качестве необязательного поля в форме. Однако мы можем просто написать требуемый атрибут в элементе HTML, не указывая его значение, поскольку HTML5 поддерживает минимизация атрибута . По умолчанию его значение будет рассматриваться как true .
Элементы, поддерживающие обязательный атрибут
Требуемый атрибут поддерживается несколькими элементами. Тем не менее, основные три элемента , которые используют обязательный атрибут, следующие:
- — указывается в теге input.
Это поле содержит различные элементы ввода, такие как имя, адрес электронной почты, номер телефона и т. д.
Это поле содержит различные элементы ввода, такие как имя, адрес электронной почты, номер телефона и т. д.Изображение выше содержит два поля ввода Имя и Фамилия , которые являются обязательными полями и кнопкой отправки. Форма будет отправлена только тогда, когда два вышеуказанных поля ввода будут что-то содержать.