HTML-формы — продолжение

ФормыПродолжаем изучать HTML-формы.
Рассмотрим ещё одно значение параметра TYPE элемента INPUT. Иногда посетителю необходимо сделать выбор между разными (заранее известными) значениями. Для таких случаев у параметра TYPE имеется значение «radio», которое уже было использовано в первом примере. Рассмотрим его более подробно:

<form name="pr5" method="post" action="obrabotchik.php">
<p> Какой формат книги вы хотите заказать?</p>
<p>
<input name="book" type="radio" value="exe">exe<br>
<input name="book" type="radio" value="pdf">pdf<br>
<input name="book" type="radio" value="djvu" «djvu» checked>djvu<br>
</p></form>

На рисунке виден результат:

значение radio

Как видно на рисунке — по умолчанию выбирается тип книги «djvu», такое отображение обеспечивает значение «checked», т.е. если данное значение переместить, то по умолчанию будет выбираться уже другое значение данной HTML-формы.

Рассмотрим ещё один атрибут элемента input - значение «checkbox». Более наглядно это сделать сразу на примере:

<form name="pr6" method="post" action="obrabotchik.php">
<p>Какие видео-курсы вы желаете видеть на диске?</p>
<input type="checkbox" name="Табличная вёрстка" value="yes" checked>
Табличная вёрстка<br>
<input type="checkbox" name="Блочная вёрстка" value="yes">
Блочная вёрстка <br>
<input type="checkbox" name="Веб-дизайн" value="yes">Веб-дизайн
</form>

Результат видим на скриншоте:

значение checkbox

Как Вы видите — результат очень похож на пример со значением «radio», а отличие в том, что при использовании значения «checkbox» существует возможность выбрать несколько предлагаемых образцов, в отличии от единичного выбора при использовании значения «radio». Попробуйте сами — создайте новый HTML-документ и вставьте туда два последних кода форм, поиграйте со сменой различных значений элемента  «input».
Изучение HTML-форм закончим в следующем касте.

Поделиться в соц. сетях

Опубликовать в Google Buzz
Опубликовать в Google Plus
Опубликовать в LiveJournal
Опубликовать в Мой Мир
Опубликовать в Одноклассники

Реклама

Оставить комментарий

Перед отправкой формы:
Human test by Not Captcha