Флажки
Флажки (жарг. чекбоксы) используют, когда необходимо выбрать любое количество вариантов из предложенного списка. Если требуется выбор лишь одного варианта, то для этого следует предпочесть переключатели (radiobutton). Флажок создается следующим образом.
Атрибуты флажков перечислены в табл. 1.
| Атрибут | Описание |
|---|---|
| checked | Предварительное выделение флажка. |
| name | Имя флажка для его идентификации обработчиком формы. |
| value | Задаёт, какое значение будет отправлено на сервер. |
Использование флажков показано в примере 1.
Пример 1. Создание флажков
HTML5 IE Cr Op Sa Fx
Флажки В каких годах произошли самые известные извержения вулкана Кракатау?
1417
1680
1883
1934
2010
В результате получим следующее (рис. 1).
Рис. 1. Вид флажков в браузере
Zlomorda
Рисунки на чистом CSS. Блин, да это просто ё-моё!! Я всё никак не мог понять с чего начинать практиковать CSS. Просто так верстать страницы с шаблонов я не хотел — скучно. А верстать что-то своё тоже не мог — нет фантазии. А вот с рисунками всё получилось иначе. Интересно, забавно и не тривиально.
Для начала, я решил рисовать флаги. Как оказалось, даже для простого триколора, пришлось перелопатить много информации. Попробывать разные приёмы. Самое важное, что даже для решения самых простых задач, могут быть несколько решений.
Флаг России. Три цвета. Два способа:
1 — Несколько дивов
2 — Один див
See the Pen Russia flag by Sergey Zlomorda Drushchits (@Zlomorda) on CodePen.
Британский флаг
Попробуем нарисовать британский флаг при помощи CSS без графических рисунков.
Сначала выводим контейнер для флага:
.flag
Далее определяем позицию для верхнего белого прямоугольника:
.topw
Задаем позицию для левого белого прямоугольника:
Затем для правого белого прямоугольника:
Код смотрите в исходниках.
Нижний белый прямоугольник:
Теперь задаем позицию для синих треугольников (верхнего, левого, правого и нижнего):
Не понимаю как сделать флаг в таблице
Как сделать развевающийся флаг?
Есть флаг помогите сделать его чтобы он развевался procedure TForm1.FormPaint(Sender.
Как сделать флаг Джибути?
Как сделать флаг джибути?на делфи
2572 / 1664 / 728
Регистрация: 13.03.2010
Сообщений: 5,566
Сообщение было отмечено Gakonda как решение
Решение
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39
html> head> title>лабораторная 5/title> meta charset="UTF-8"> meta name="viewport" content="width=device-width, initial-scale=1.0"> /head> style> td < width: 150px; text-align: center; >/style> body> table border> tr> td style="background-color:white">/td> td colspan="2">h2>Государственные Флаги/h2>/td> /tr> tr> td rowspan="2"style="background-color:blue">/td> td>Россия/td>td>ЮАР/td> /tr> tr> td>Франция/td> td>США/td> /tr> tr> td rowspan="2" style="background-color:red">/td> td>Италия/td>td>Великобритания/td> /tr> tr> td>Германия/td> td>Китай/td> /tr> /table> /body> /html>