элементы форм, работа с мышью, скрытые поля

      Флажок

      Флажки (checkboxes) используются в ситуациях, когда пользователь выбирает один или несколько вариантов из готового набора — по аналогии с тем, как ставятся «галочки» в анкетах. Синтаксис определения флажка:

<input type="checkbox" name="имя_переменной" valuе="начальное_значение">

      Определение флажка включает три атрибута:

type — тип элемента (для флажков — checkbox);
name — имя переменной, в которой сохраняются введенные данные (в данном случае — состояние элемента);
value — значение, присваиваемое переменной по умолчанию. Если флажок установлен, именно это значение будет присвоено переменной с указанным именем. Если флажок не установлен, значение атрибута value не используется.

      Переключатель

<input type="radio" name="имя_переменной" value="начальное_значение">

      Синтаксис почти не отличается от определения флажка. Определение переключателя поля включает три атрибута:

type — тип элемента (для переключателей — radio);
name — имя переменной, в которой сохраняются введенные данные (в данном случае — состояние элемента);
value — значение, присваиваемое переменной по умолчанию. Если переключатель установлен, именно это значение будет присвоено переменной с указанным именем. Если флажок не установлен, значение атрибута value не используется.

      Раскрывающийся список

      Раскрывающиеся списки особенно удобны в ситуации, когда у вас имеется длинный перечень допустимых вариантов, из которого пользователь должен выбрать один вариант. Как правило, раскрывающиеся списки применяются при работе с относительно большими наборами данных — например, при перечислении американских штатов или стран. Синтаксис определения раскрывающегося списка:

<select name="имя_переменной">
<option valuе="имя_переменной1 ">
<option value="имя_переменной2">
<option value="имя_переменнойЗ">
<option value="имя_переменнойN">
</select>

      Определение переключателя поля включает три атрибута:

name — имя переменной, в которой сохраняются введенные данные (в данном случае — строка, выбранная в списке);
value — значение, отображаемое в списке по умолчанию.

      Скрытые поля

      Скрытые поля не отображаются в браузере и обычно используются для передачи данных между сценариями. Хотя передача в скрытых полях работает вполне нормально, в РНР существует другое, более удобное средство — сеансовые переменные. Скрытые поля также используются в некоторых ситуациях

      Синтаксис определения скрытого поля практически идентичен синтаксису текстовых полей, отличается только атрибут типа. Синтаксис определения скрытого поля:

<input type="hidden" name="имя_переменной" value="начальное_значение">

      Определение скрытого поля включает три атрибута:

type — тип элемента (для скрытых полей — hidden);
name — имя переменной, в которой сохраняются скрытые данные;
value — значение, по умолчанию сохраняемое в скрытом поле.

      Хотя скрытые поля не отображаются в браузерах, пользователь может просто выполнить команду View Source и увидеть, какие скрытые значения хранятся в форме.

      Кнопка отправки данных

      Кнопка отправки данных инициирует действие, заданное атрибутом action тега

. Синтаксис определения:

<input type="submit" value="текст_на_кнопке">

      Определение кнопки включает два атрибута:
type — тип элемента (для кнопки отправки данных — submit);
value — текст, по умолчанию отображаемый на кнопке.

      Кнопка сброса

      Кнопка сброса отменяет все изменения, внесенные в элементы формы. Обычно никто ею не пользуется, однако кнопки сброса так часто встречаются на формах в Web, что я решил привести ее описание. Синтаксис определения:

<input type="reset" value=" текст _на_кнопке">

      Определение кнопки включает два атрибута:

type — тип элемента (для кнопки сброса — reset);
value — текст, по умолчанию отображаемый на кнопке.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>