HTML: Чекбокс
В интернет-магазинах, часто, поиск реализуется с помощью указания категорий, в которых хотим искать товар. Для реализации множественного выбора существуют чекбоксы (или, как их ещё называют — флажки).
Чекбоксы позволяют выбирать множество элементов из представленных:
Для создания чекбокса используются два тега:
- с указанием type=»checkbox»
- , в котором будет текст, связанный с нужным нам чекбоксом
Для создания связи с существует два способа:
- Связь по id . Для этого необходимо задать уникальный id для и связать с чекбоксом с помощью атрибута for
- Вложить внутрь тега . При этом указание уникального id не требуется
Для того, чтобы после отправки формы на сервер возможно было узнать, какие именно пункты были выбраны, используется атрибут value , внутри которого находится значение, позволяющее определить чекбокс.
Так как чекбоксов на странице может быть много, и они могут относиться к разным формам, для определения конкретной группы чекбоксов используется атрибут name . Для каждой группы чекбоксов указывается своё имя, по которому, в дальнейшем, возможно отделить группы чекбоксов при обработке на сервере.
Задание
Создайте форму, у которой файл с обработчиком данных лежит по адресу /people . Внутри формы создайте 2 чекбокса. Свяжите их вложив внутри . Не забудьте добавить атрибуты name и value
Упражнение не проходит проверку — что делать? ��
Если вы зашли в тупик, то самое время задать вопрос в «Обсуждениях». Как правильно задать вопрос:
- Обязательно приложите вывод тестов, без него практически невозможно понять что не так, даже если вы покажете свой код. Программисты плохо исполняют код в голове, но по полученной ошибке почти всегда понятно, куда смотреть.
В моей среде код работает, а здесь нет ��
Тесты устроены таким образом, что они проверяют решение разными способами и на разных данных. Часто решение работает с одними входными данными, но не работает с другими. Чтобы разобраться с этим моментом, изучите вкладку «Тесты» и внимательно посмотрите на вывод ошибок, в котором есть подсказки.
Мой код отличается от решения учителя ��
Это нормально ��, в программировании одну задачу можно выполнить множеством способов. Если ваш код прошел проверку, то он соответствует условиям задачи.
В редких случаях бывает, что решение подогнано под тесты, но это видно сразу.
Прочитал урок — ничего не понятно ��
Создавать обучающие материалы, понятные для всех без исключения, довольно сложно. Мы очень стараемся, но всегда есть что улучшать. Если вы встретили материал, который вам непонятен, опишите проблему в «Обсуждениях». Идеально, если вы сформулируете непонятные моменты в виде вопросов. Обычно нам нужно несколько дней для внесения правок.
Кстати, вы тоже можете участвовать в улучшении курсов: внизу есть ссылка на исходный код уроков, который можно править прямо из браузера.
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.5k 5 5 золотых знаков 35 35 серебряных знаков 65 65 бронзовых знаков
- Доступные цены
- Оперативное прибытие на место ДТП
- Быстрое и грамотное оформление документов
- Круглосуточная поддержка и обратная связь
Отслеживать
ответ дан 5 ноя 2015 в 9:07
122k 24 24 золотых знака 124 124 серебряных знака 297 297 бронзовых знаков
- html
- css
- список
- css-animation
-
Важное на Мете
Похожие
Подписаться на ленту
Лента вопроса
Для подписки на ленту скопируйте и вставьте эту ссылку в вашу программу для чтения RSS.
Дизайн сайта / логотип © 2023 Stack Exchange Inc; пользовательские материалы лицензированы в соответствии с CC BY-SA . rev 2023.10.27.43697
Нажимая «Принять все файлы cookie» вы соглашаетесь, что Stack Exchange может хранить файлы cookie на вашем устройстве и раскрывать информацию в соответствии с нашей Политикой в отношении файлов cookie.
Как создать список с помощью checkbox?
Нужно с таблицу MySQL внести строку со столбцами name и list. list — список, который нужно получить, указав нужные пункты в form->input checkbox, но выводится вместо списка on. Как исправить?
кто-нибудь
еще кто-нибудь
$name = $_POST['name']; $list = $_POST['list']; $query = "INSERT INTO `conversatons` VALUES ('$name', '$list'); ";- Вопрос задан более трёх лет назад
- 1442 просмотра
Как сделать список с галочками в html
Флажок представляет элемент, который может находиться в двух состояниях: отмеченном и неотмеченном. Флажок создается с помощью элемента input с атрибутом type=»checkbox» :
Чекбокс в HTML5 Изучаемые технологии
Атрибут checked позволяет установить флажок в отмеченное состояние.
Переключатели
Переключатели или радиокнопки похожи на флажки, они также могут находиться в отмеченном или неотмеченном состоянии. Только для переключателей можно создать одну группу, в которой одновременно можно выбрать только один переключатель. Например:
Радиокнопки в HTML5
Для создания радиокнопки надо указать атрибут type=»radio» . И теперь другой атрибут name указывает не на имя элемента, а на имя группы, к которой принадлежит элемент-радиокнопка. В данном случае у нас две группы радиокнопок: gender и tech . Из каждой группы мы можем выбрать только один переключатель. Опять же чтобы отметить радиокнопку, у нее устанавливается атрибут checked :
Важное значение играет атрибут value , который при отправке формы позволяет серверу определить, какой именно переключатель был отмечен: