Как добавить галочку в html

Текст для галочки

Создайте страницу, показанную на рис. 1. Текст возле отмеченных галочек должен выделяться фоновым цветом. Код должен корректно работать в последних версиях браузеров Internet Explorer, Firefox, Opera, Safari, Chrome.

     input[type="checkbox"]:checked + span < background: #fc0; >span  
 Балка рукояти
 
 Шестерня
 
 Вал
 
 Пимпочка
  

Не выкладывайте свой код напрямую в комментариях, он отображается некорректно. Воспользуйтесь сервисом cssdeck.com или jsfiddle.net, сохраните код и в комментариях дайте на него ссылку. Так и результат сразу увидят.

Популярные задачи

• TEX
• Отступы между блоков
• Андроид в тени
• Ссылка как кнопка
• Вложенные списки
• Форма регистрации
• Объединение ячеек таблицы
• Обязательные поля формы
• Цвет и фон в таблице
• Асуанская плотина
• Батарейка
• Заголовки

Флажки

Флажки (жарг. чекбоксы) используют, когда необходимо выбрать любое количество вариантов из предложенного списка. Если требуется выбор лишь одного варианта, то для этого следует предпочесть переключатели (radiobutton). Флажок создается следующим образом.

Атрибуты флажков перечислены в табл. 1.

Табл. 1. Атрибуты флажков

Атрибут	Описание
checked	Предварительное выделение флажка.
name	Имя флажка для его идентификации обработчиком формы.
value	Задаёт, какое значение будет отправлено на сервер.

Использование флажков показано в примере 1.

Пример 1. Создание флажков

HTML5 IE Cr Op Sa Fx

       
В каких годах произошли самые известные извержения вулкана Кракатау?
 
 1417
 
 1680
 
 1883
 
 1934
 
 2010
  

В результате получим следующее (рис. 1).

Рис. 1. Вид флажков в браузере

Как сделать галочку в html

Галочки еще называют чекбоксами. По факту это просто поле ввода input с атрибутом type=»checkbox» . Ниже пример, как это выглядит в HTML:

 type="checkbox"> 

Чекбокс можно сделать отмеченным по умолчанию. Для этого добавляется атрибут checked :

 type="checkbox" checked > Опция 1 

Как создать галочку или checkbox HTML.

Галочка (переключатель) или checkbox в html – это простое поле ввода input, которому присвоен атрибут type=»checkbox».

С помощью галочки пользователь может выбирать несколько решений из предложенных ему вариантов.

Это может выглядеть вот так:

Чтобы создать такой переключатель на HTML, нужно использовать следующий код:

Чтобы сделать галочку отмеченной по умолчанию, нужно добавить атрибут checked.

Выбор 1

Давайте посмотрим, как это работает на практике.

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

Больше моих уроков по HTML, CSS и верстке сайтов здесь.

Чтобы оставить сообщение, зарегистрируйтесь/войдите на сайт через: