CSS. Поменять пункты списка на галочки
Возможно ли вместо пунктов в списке CSS поставить галочки, нарисованные в CSS. Т.е пункты 1, 2, 3, 4 заменить на желтые галочки (как на рисунке), сделанные в СSS?
Отслеживать
задан 5 ноя 2015 в 9:01
Александр Агапов Александр Агапов
349 2 2 золотых знака 5 5 серебряных знаков 15 15 бронзовых знаков
2 ответа 2
Сортировка: Сброс на вариант по умолчанию
* < padding: 0; margin: 0; >ol < list-style: none; >ol > li < padding-left: 20px; position: relative; margin: 10px; >ol > li:before
Отслеживать
ответ дан 5 ноя 2015 в 9:09
27.6k 5 5 золотых знаков 35 35 серебряных знаков 66 66 бронзовых знаков
- Доступные цены
- Оперативное прибытие на место ДТП
- Быстрое и грамотное оформление документов
- Круглосуточная поддержка и обратная связь
Отслеживать
ответ дан 5 ноя 2015 в 9:07
123k 24 24 золотых знака 126 126 серебряных знаков 303 303 бронзовых знака
- html
- css
- список
- css-animation
-
Важное на Мете
Похожие
Подписаться на ленту
Лента вопроса
Для подписки на ленту скопируйте и вставьте эту ссылку в вашу программу для чтения RSS.
Дизайн сайта / логотип © 2024 Stack Exchange Inc; пользовательские материалы лицензированы в соответствии с CC BY-SA . rev 2024.1.3.2953
Нажимая «Принять все файлы cookie» вы соглашаетесь, что Stack Exchange может хранить файлы cookie на вашем устройстве и раскрывать информацию в соответствии с нашей Политикой в отношении файлов cookie.
Как создать галочку или checkbox HTML.
Галочка (переключатель) или checkbox в html – это простое поле ввода input, которому присвоен атрибут type=»checkbox».
С помощью галочки пользователь может выбирать несколько решений из предложенных ему вариантов.
Это может выглядеть вот так:
Чтобы создать такой переключатель на HTML, нужно использовать следующий код:
Чтобы сделать галочку отмеченной по умолчанию, нужно добавить атрибут checked.
Давайте посмотрим, как это работает на практике.
Если вы хотите обработать информацию, которую пользователь отметил с помощью checkbox и выдать соответствующий результат, нужно воспользоваться клиентскими или серверными языками веб-программирования.
Больше моих уроков по HTML, CSS и верстке сайтов здесь.
Чтобы оставить сообщение, зарегистрируйтесь/войдите на сайт через:
Флажки
Флажки (жарг. чекбоксы) используют, когда необходимо выбрать любое количество вариантов из предложенного списка. Если требуется выбор лишь одного варианта, то для этого следует предпочесть переключатели (radiobutton). Флажок создается следующим образом.
Атрибуты флажков перечислены в табл. 1.
| Атрибут | Описание |
|---|---|
| checked | Предварительное выделение флажка. |
| name | Имя флажка для его идентификации обработчиком формы. |
| value | Задаёт, какое значение будет отправлено на сервер. |
Использование флажков показано в примере 1.
Пример 1. Создание флажков
HTML5 IE Cr Op Sa Fx
Флажки В каких годах произошли самые известные извержения вулкана Кракатау?
1417
1680
1883
1934
2010
В результате получим следующее (рис. 1).
Рис. 1. Вид флажков в браузере
Как сделать список с галочками в html
Флажок представляет элемент, который может находиться в двух состояниях: отмеченном и неотмеченном. Флажок создается с помощью элемента input с атрибутом type=»checkbox» :
Чекбокс в HTML5 Изучаемые технологии
Атрибут checked позволяет установить флажок в отмеченное состояние.
Переключатели
Переключатели или радиокнопки похожи на флажки, они также могут находиться в отмеченном или неотмеченном состоянии. Только для переключателей можно создать одну группу, в которой одновременно можно выбрать только один переключатель. Например:
Радиокнопки в HTML5
Для создания радиокнопки надо указать атрибут type=»radio» . И теперь другой атрибут name указывает не на имя элемента, а на имя группы, к которой принадлежит элемент-радиокнопка. В данном случае у нас две группы радиокнопок: gender и tech . Из каждой группы мы можем выбрать только один переключатель. Опять же чтобы отметить радиокнопку, у нее устанавливается атрибут checked :
Важное значение играет атрибут value , который при отправке формы позволяет серверу определить, какой именно переключатель был отмечен: