Что такое HTML радио кнопки?

В документе на языке гипертекстовой разметки (HTML) переключатели представляют собой тип визуального элемента, который может быть выбран пользователем. Радиокнопки HTML уникальны, потому что они предлагают пользователю несколько опций, но позволяют в любой момент выбрать только одну из указанных опций. Одним из наиболее распространенных применений переключателей HTML является захват выбора в формах пользовательского ввода, хотя они также могут иметь свои события выбора и отмены выбора, перехваченные скриптами или другими программами, что позволяет им действовать в качестве мгновенных селекторов для других элементов на веб-страница. Благодаря использованию каскадных таблиц стилей (CSS) и JavaScript®, переключатели HTML могут использовать собственные изображения для отображения, переопределяя их внешний вид по умолчанию. Примеры ситуаций, в которых могут использоваться переключатели HTML, включают в себя выбор пола, который может иметь только одно значение из двух разных вариантов, или выбор одного адреса доставки, когда в списке несколько адресов.

В некоторых аспектах переключатели HTML похожи на флажки HTML. Каждой кнопке присваивается изображение или текстовая метка, которая отображается там, где кнопка находится в макете. Рядом с этим ярлыком находится кружок, который пуст, когда переключатель не выбран, и имеет точку или другой шаблон заливки, когда он выбран. Пользователь может нажать на круг, чтобы выбрать его; уникальный аспект переключателей HTML заключается в том, что при выборе кнопки все остальные кнопки в той же группе отменяются, что позволяет выбирать только один элемент за раз. Это не похоже на флажки, которые похожи, но позволяют выбрать любое количество параметров одновременно.

В свойствах переключателей HTML есть два значения, которые важны для их использования. Первое - это поле имени, которое идентифицирует группу, к которой принадлежит переключатель в документе HTML, а второе - поле значения. Когда кнопка выбрана, все другие переключатели с тем же именем, также называемые их группой, отменяются. Использование разных имен групп позволяет различным наборам переключателей существовать в одном документе. Тег значения - это фактическое возвращаемое значение для переключателя, когда оно выбрано и передано в сценарий или программу для обработки.

Визуальное отображение переключателей HTML можно изменить несколькими способами. Благодаря использованию стандартных значений выравнивания HTML и CSS, кнопки могут быть расположены в документе динамически так же, как и изображение. Внешний вид кнопок, в частности круг и выбранные изображения кругов, может быть полностью настроен и заменен сгенерированными пользователем изображениями путем манипулирования объектной моделью документа (DOM) с помощью CSS и JavaScript®, хотя поддержка браузера не всегда согласована с одним приложением к другому.