Ниже приведен пример того, как выглядит переключатель в вашем браузере.
Как создать переключатель на моей HTML-странице
Чтобы создать переключатель на веб-странице, используйте тег, как показано ниже. В приведенном ниже примере мы используем код из приведенного выше примера переключателя, который создает переключатель, за которым следует текст «Пример 1».
Пример 1
Если вы хотите, чтобы этот переключатель был представлен посетителем веб-страницы, он должен быть включен в тег, который отправляется как часть формы. Обычно при отправке он отправляется в скрипт на Perl, PHP или Python, который может получить выбранный переключатель и выполнить необходимое действие.
Совет: Если вы создаете несколько переключателей и хотите запретить выбор нескольких переключателей, используйте один и тот же атрибут имени для всех переключателей, но используйте атрибут уникального значения. Например, если бы мы использовали приведенный выше код и хотели создать другую радиокнопку, она все равно называлась бы «пример», но имела бы другое значение.
Примечание. Можно установить переключатель, чтобы посетитель мог выбрать несколько переключателей. Однако, чтобы избежать путаницы, мы всегда рекомендуем использовать флажки, а не переключатели, если вы хотите выбрать более одной опции.
В чем разница между флажком и переключателем?
Флажок всегда является квадратным и позволяет выбрать один или несколько элементов. Переключатель обычно представляет собой круг и позволяет выбрать только один элемент. Если вы создаете список, для которого нужно выбрать несколько параметров, используйте флажки. Если вы хотите, чтобы был выбран только один параметр, и чтобы не было нескольких вариантов, используйте переключатель.
Кнопка, Флажок, Кнопка, Условия программного обеспечения