Для вибору з кількох позицій використовуються радіокнопки, прапорці та розкривні списки.
З радіокнопок може бути вибрана тільки одна. Коли вибирається інша кнопка, попередня вимикається.
Радіокнопки визначаються за допомогою кількох тегів <input type="radio" />.
Для кожної радіокнопки в множині потрібен окремий тег.
Тег <input type="radio" /> лише виводить кнопку. Якщо потрібно задати для кнопки мітку, текст можна ввести перед або після коду кнопки, щоб вивести його зліва або справа від кнопки.
<!DOCTYPE html>
<html lang="uk">
<head>
<meta charset="UTF-8">
<title>Форма реєстрації</title>
</head>
<body>
<form>
<div>
<label for="pol">Радіокнопки:</label>
<input type="radio" id="male" name="gender" value="male"><label for="male">Чоловік</label>
<input type="radio" id="male" name="gender" value="male"><label for="male">Жінка</label>
</div>
</form>
</body>
</html>
Тег <input type="radio" /> має атрибути: name, value, checked.
Всі радіокнопки повинні мати однакове ім’я.
Вибір однієї з наведених вище радіокнопок надсилає ім’я та значення у вигляді Color=R, Color=G або Color=B у програму обробки.
Атрибут checked визначає радіокнопку, яка повинна бути увімкнена при завантаженні сторінки.