Главная

Популярная публикация

Научная публикация

Случайная публикация

Обратная связь

ТОР 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">&#160

<INPUT type="reset" >

</FORM></BODY></HTML>

 

В браузере увидим:

В данном примере использованы кнопки OK и СБРОС, назначение которых Вы уже знаете. Обратите внимание на то, что они расположены в одной строке. Это стало возможным благодаря тому, что тег <PRE> был закрыт перед использованием кнопок, а между кнопками был поставлен символ неразрывного пробела &#160.






Не нашли, что искали? Воспользуйтесь поиском:

vikidalka.ru - 2015-2024 год. Все права принадлежат их авторам! Нарушение авторских прав | Нарушение персональных данных