При просмотре любимых веб-сайтов флажки появляются, когда вам нужно выбрать один вариант из множества доступных. Эти флажки созданы в с помощью специального тега. В этой статье мы увидим, как создать флажок в HTML и как работают флажки в следующей последовательности:
Как создать флажок в HTML?
Флажок - это элемент формы, который позволяет вам выбрать несколько вариантов из разных доступных. Флажки создаются с помощью HTMLtag. Они могут быть вложены внутрь элемента или стоять отдельно. Их также можно связать с формой с помощью атрибут формы тега.
Вот базовый пример создания простого флажка:
Красный Зеленый Синий
Вывод:
Давайте рассмотрим другой пример и добавим кнопку отправки, чтобы флажки стали полезными. Здесь вы также можете разместить флажки внутри элемента, который указывает страницу для обработки формы.
Какой твой любимый цвет? Красный Зеленый СинийРезультат:
Вывод:
Флажок против радиокнопок
Радиокнопки позволяют пользователю выбрать только один вариант. Принимая во внимание, что флажки позволяют пользователю выбрать любое количество вариантов. Давайте рассмотрим пример и посмотрим, как работают переключатели и флажки:
логистическая регрессия в коде Python
Флажки
Какой твой любимый цвет? Красный Зеленый СинийРадио-кнопки
Выбери свой пол? Мужской Женский НеизвестныйРезультат:
Вывод:
как использовать обрезку в Java
В приведенном выше примере вы можете видеть, что можете установить столько флажков, сколько хотите. Это делает флажок подходящим для случаев, когда пользователь может выбрать несколько вариантов. Но если вы попытаетесь выбрать более одного переключателя, предыдущий выбор будет отменен. Это поможет вам заставить пользователей выбирать только один вариант.
Отключение флажка в HTML
Вы можете отключить флажок в с помощью атрибута disabled. Это можно сделать вместе со сценарием для включения или отключения флажка в зависимости от того, были ли соблюдены определенные критерии.
Давайте рассмотрим пример, чтобы увидеть, как мы можем отключить флажок:
Красный Зеленый Синий
Вывод:
В приведенном выше примере мы отключили красный цвет. Таким образом, вы можете выбрать зеленый и синий из флажка, но не красный цвет.
На этом мы подошли к концу нашей статьи. Надеюсь, вы поняли, как работают флажки в HTML и как их можно использовать по-другому.
Теперь, когда вы знаете о флажке в HTML, ознакомьтесь с пользователя Edureka. Курс по сертификации веб-разработки поможет вам научиться создавать впечатляющие веб-сайты с помощью HTML5, CSS3, Twitter Bootstrap 3, jQuery и API Google и развертывать их в Amazon Simple Storage Service (S3).
Есть вопрос к нам? Пожалуйста, укажите это в разделе комментариев «Флажок в HTML», и мы свяжемся с вами.