ТОР 5 статей: Методические подходы к анализу финансового состояния предприятия Проблема периодизации русской литературы ХХ века. Краткая характеристика второй половины ХХ века Характеристика шлифовальных кругов и ее маркировка Служебные части речи. Предлог. Союз. Частицы КАТЕГОРИИ:
|
Создание флажков и переключателейАтрибут type ="checkbox" задает поле для флажка и используется для выбора одного варианта. Должно быть задано столько полей для флажков, сколько вариантов выбора существует. Каждый флажок создается отдельным тегом <INPUT> c атрибутом type ="checkbox" и имеет уникальное имя, заданное атрибутом name ="имя". Атрибут value ="значение" указывает, какие данные будут посланы на сервер. Атрибут checked определяет, будет ли в поле стоять флажок при загрузке формы браузером. Данные, которые отмечены флажками будут пересланы на сервер. Атрибут type ="radio" задает поле переключателя и используется для выбора только одного из нескольких вариантов. Каждый переключатель создается отдельным тегом <INPUT> c атрибутом type ="radio". Несколько переключателей могут иметь одно и то же имя и тогда из нескольких переключателей объединенных в одну группу будет выбран и отправлен на сервер только один, отмеченный пользователем. Атрибуты value и checked действуют точно так же, как и в случае флажка. Вот пример создания формы содержащей флажки и переключатели: <HTML><HEAD> <TITLE>Forms CHECK BOXES и RADIO BUTTONS </TITLE> </HEAD> <BODY> <P align="center"> <FORM> <P align="center"> Пожалуйста укажите ваши данные</P> <PRE> хобби: <INPUT type="checkbox" name="reading" checked="checked"> чтение <INPUT type="checkbox" name="tv" checked="checked"> просмотр TV <INPUT type="checkbox" name="skydiving"> катание на коньках пол: <INPUT type="radio" name="sex" value="fem" checked> жен <INPUT type="radio" name="sex" value="mask"> муж возраст: <INPUT type="radio" name="age" value="under" checked>до 30 <INPUT type="radio" name="age" value="notUnder"> 30 и больше </PRE> <INPUT type="submit" value="ok">  <INPUT type="reset" > </FORM></BODY></HTML>
В браузере увидим: В данном примере использованы кнопки OK и СБРОС, назначение которых Вы уже знаете. Обратите внимание на то, что они расположены в одной строке. Это стало возможным благодаря тому, что тег <PRE> был закрыт перед использованием кнопок, а между кнопками был поставлен символ неразрывного пробела  . Не нашли, что искали? Воспользуйтесь поиском:
|