The <input type="checkbox"> визначає прапорець. Прапорець відображається у вигляді квадратного поля, яке позначається галочкою (прапорцем), коли його активовано. Прапорці використовуються, щоб дозволити користувачеві вибрати один або кілька варіантів із обмеженої кількості варіантів. Порада. Завжди додавайте тег <label> для найкращих практик доступності!
Для створення прапорця використовуються два теги:
- <input> із type="checkbox"
- Тег <label>, який міститиме текст, пов’язаний із потрібним прапорцем.
Демонстрація HTML: <input type="checkbox">
Усередині кожного рядка під стовпцем «Вибрати» ми вставляємо елемент <input> з атрибутом type, встановленим у значення «checkbox».. Для атрибута name встановлено значення «select» для всіх прапорців, але ви можете використовувати інші імена, якщо потрібно для надсилання форми або маніпулювання JavaScript.
Щоб створити прапорець HTML із міткою, яку можна натиснути, використовуйте елемент <label> і зв'яжіть його з прапорцем за допомогою атрибута for, відповідаючи ідентифікатору прапорця . Це робить мітку доступною для натискання, перемикаючи стан прапорця під час натискання. Мітка, яку можна натиснути, означає, що прапорець вмикається або вимикається, коли клацається мітка.
HTML-код для позначки
| Знак | Десятковий код | Шістнадцятковий код |
|---|---|---|
| ☑ | ☑ | ☑ |
| ✓ | ✓ | ✓ |
| ✔ | ✔ | ✔ |