Урок 7.4: Создание флажков

Флажки - это возможность выбора одного или нескольких вариантов из предложенных в списке. Значение такого выбора может быть только "да" или "нет". Чаще всего флажки применяются в формах заказа, в интернет-магазинах, при регистрации.

Для создания флажка используется тег <input /> с атрибутом type и значением checkbox.

Пример создания флажка.

<html>  <head>   <title>Создание Флажка</title>  </head>  <body>   <form>     Выберите любимые цвета:<br />     <input type="checkbox" /> Красный<br />     <input type="checkbox" /> Синий<br />     <input type="checkbox" /> Зеленый   </form>  </body> </html>

Результат

Создание флажков

Как видно из результата на форме появились флажки. Но они все пустые, т.е. не отмечены. Если необходимо сделать их (эти флажки) по умолчанию отмеченными необходимо добавить атрибут checked.

Пример создания отмеченного флажка.

<html>  <head>   <title>Создание отмеченного Флажка</title>  </head>  <body>   <form>     Выберите любимые цвета:<br />     <input type="checkbox" checked /> Красный<br />     <input type="checkbox" /> Синий<br />     <input type="checkbox" /> Зеленый   </form>  </body> </html>

Результат

Отмеченные флажки

Так же, для каждого флажка, необходимо указать атрибут value со значением которое должно отправится серверу если флажок отмечен.

<html>  <head>   <title>Создание отмеченного Флажка</title>  </head>  <body>   <form>     Выберите любимые цвета:<br />     <input type="checkbox" value="red" checked /> Красный<br />     <input type="checkbox" value="blue" /> Синий<br />     <input type="checkbox" value="green" /> Зеленый   </form>  </body> </html>

Список уроков