Назад Вперед Зміст


Прапорці

Прапорці, як і радіокнопки, надають користувачу можливість вибору. Однак варіанти вибору не є взаємовиключними — користувач може обрати один або кілька варіантів. Для вибраних прапорців у полі з’являється позначка "галочка". Невибрані прапорці залишаються порожніми.

Прапорці визначаються за допомогою одного або кількох тегів <input type="checkbox" />.

Для кожного прапорця потрібен окремий тег.

Тег <input type="checkbox" /> визначає прапорець. Якщо потрібно задати мітку до прапорця, текст можна ввести до або після коду прапорця — щоб відображати його зліва або справа від елемента.

Для прапорців використовуються ті самі атрибути, що і для радіокнопок.


<!DOCTYPE html>
<html lang="uk">
<head>
    <meta charset="UTF-8">
    <title>Форма реєстрації</title>
</head>
<body>
    <form>
        <div>
            <label for="pol">Чекбокси::</label>
            <input type="checkbox" id="vehicle1" name="vehicle1" value="Bike"><label for="vehicle1">Велосипед</label>
            <input type="checkbox" id="vehicle2" name="vehicle2" value="Car"><label for="vehicle2">Автомобіль</label>
            <input type="checkbox" id="vehicle3" name="vehicle3" value="Aire"><label for="vehicle3">Літак</label>
        </div>           
    </form>
</body>
</html>
    


Назад Вперед Зміст