Знакомство с формами / Переключатель или «радиобаттон» [12/18]
×

Переключатель или «радиобаттон» [12/18]

Поле-переключатель — это тег <input> с типом radio.

Обычно переключатели размещают группами по несколько штук. Причём у переключателей из одной группы должно быть одинаковое имя и разные значения, которые задаются c помощью value.

Таким образом, атрибут value является для переключателей обязательным. Браузер отправляет на сервер значение value выбранного переключателя.

В этом задании мы начнём создавать переключатель.


Выполнить задание
HTML
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Переключатель или «радиобаттон»</title> </head> <body> <h1>Тест</h1> <form action="https://echo.htmlacademy.ru" method="post"> <p>В тестах часто встречаются задания типа «выберите один из предложенных вариантов».</p> <p><i>Какой тег обозначает «абзац»?</i></p> <label> <!-- добавьте поле сюда --> Тег &lt;p&gt; </label> <input type="submit" value="Отправить"> </form> </body> </html>
CSS
input[type="submit"] { display: block; margin-top: 10px; }
HTML Academy
  1. Добавьте в форму переключатель с именем question-one.
  2. Задайте переключателю значение p.
Теория Проверить Следующее задание
Идёт запись на курс Базовый HTML и CSS #16, который стартует 16 января.

Обсуждение и комментарии

Если у вас возникли сложности при прохождении задания, то вы можете обратиться за помощью на наш форум. Мы отслеживаем сообщения и постараемся ответить максимально быстро.

Пожалуйста, не пишите решение задач. Такие сообщения будут удаляться.

Перейти на форум или открыть комментарии.