Переключатель в HTML

Переключатель в HTML


Тег input с типом radio представляет собой поле переключатель.

Они так же как и другие input обрамляются в label

Есть важный момент – если присутствует группа переключателей с разной выборкой – необходимо задать им один name, но разные value
Так же у них есть обязательный атрибут – value, также тут можно выставить атрибут checked точно так-же как и с галочкой

Посмотрим пример:

<form action="/order">
    Выберите цвет футболки:
    <br>
    <label>
        <input type="radio" name="color" value="red">
        Красная
    </label>
    <br>
    <label>
        <input type="radio" name="color" value="blue" checked>
        Синяя
    </label>
    <br>
    <label>
        <input type="radio" name="color" value="green">
        Зелёная
    </label>
</form>

Результат в браузере: