Объекты, входящие в состав форм

Кнопка button

В общем виде кнопка класса button определяется в форме с помощью оператора <input> следующим образом:

< input type="button" name ="Имя_кнопки" value="Надпись_на_кнопке" onClick="Обработчик_события">

Параметр type оператора <input> должен иметь значение button. С помощью параметра name задается имя объекта, соответствующего кнопке (а не надпись на кнопке). Надпись на кнопке указывается с помощью параметра value. Определив обработчик события, можно задать сценарий JavaScript, который получит управление после того как пользователь нажмет на кнопку.

В качестве примера приведен сценарий, выполняющийо обработку щелчка по кнопке с надписью Click me, расположенной в форме. Если нажать на эту кнопку, сценарий отобразит в окне браузера свойства кнопки как объекта класса button.

<html> <head> <title>Button demo</title> <script language="JavaScript">  </script> </head> <body bgcolor=white> <h1>Click Button</h1> <form namr="TestForm"> <p><input type="button" name="bt" value="Click me!" onClick="btnClick();"> </form> </body></html>

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

Переключатели checkbox обычно применяются для выбора каких-либо независимых друг от друга параметров или возможностей. В форме переключатель checkbox создается с помощью оператора <input> с параметром type, равным строке "checkbox":

<input type ="checkbox" name ="Имя_переключателя_checkbox" value ="Значение" checked onClick="Обработчик_события"> Текст, отображаемый рядом с переключателем

Параметр name задает имя переключателя. Это имя можно использовать для определения состояния этого переключателя в сценарии JavaScript.

С помощью параметра value может определить строку, которая передается расширению сервера при посылке заполненной формы, если переключатель находится во включенном состоянии. Если этот параметр не указан, то по умолчанию посылается строка "on". Сценарий JavaScript также может получить значение параметра value.

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

Если для переключателя определен обработчик события, вы можете задать сценарий JavaScript, получающий управление после того как пользователь изменит состояние переключателя.

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

Переключатели типа radio применяются в тех случаях, когда нужно организовать выбор одной из нескольких возможностей. Исходя из этого, в форме обычно располагается несколько таких переключателей. Определение переключателя radio выглядит следующим образом:

<input type ="radio" name =" Имя_переключателя_radio" value ="Значение" checked onClick="Обработчик_события"> Текст, отображаемый рядом с переключателем

Назначение параметров name, value и checked переключателя radio такое же как и назначение аналогичных параметров переключателя checkbox. Отличие заключается в том, что все переключатели radio, принадлежащие к одной группе, должны иметь одинаковые имена, определенные параметром name. Что же касается переключателей checkbox, то если их несколько, то все они должны называться по-разному. Для того чтобы расширение сервера Web или сценарий JavaScript, обрабатывающие форму, могли узнать, какой же из переключателей radio группы находится во включенном состоянии, все такие переключатели должны иметь различные значения value. Кроме того, только один из переключателей radio может быть определен с параметром checked.

Список select

С помощью оператора <select> вы можете разместить внутри формы список, допускающий выбор одной или просмотр нескольких строк. Формат оператора <select> приведен ниже:

<select name="Имя_списка_select" size="Размер_списка" multiple onBlur="Обработчик_события" onChange="Обработчик_события" onFocus="Обработчик_события"> <option value ="Значение" selected> Текст <option value ="Значение"> Текст... <option> Текст</select>

Все параметры оператора <select необязательные, однако для того чтобы сценарий JavaScript мог работать со списком, необходимо указать по крайней мере параметр name, определяющий имя списка.

Параметр size задает размер видимой части списка в строках.

Если указан необязательный параметр multiple, объект select является списком просмотра, а не списком выбора.

Для определения элементов списка предназначен оператор <option>. Оператор <option> может иметь два параметра – value и selected. Параметр valueопределяет значение, которое передается расширению сервера Web. С помощью параметра selected отмечается строка списка, выделенная по умолчанию при начальном отображении формы. После оператора <option> следует текст, отображаемый в строках списка.

Однострочное поле text

Наверное, наиболее часто в формах, размещенных на страницах серверов Web встречаются однострочные поля, предназначенные для ввода и редактирования текста. Для того чтобы встроить такое поле в форму, необходимо использовать оператор <input> с параметром type, равным значению "text":

Параметр name позволяет задать имя поля, необходимое для обращения к свойствам объекта text, соответствующего этому полю.

С помощью параметра value можно записать в поле произвольную текстовую строку. Эта строка будет отображаться сразу после загрузки документа HTML в окно браузера.

Параметр size определяет размер (ширину) текстового поля в символах. Это размер видимой части поля. Он не ограничивает длину строки, которую можно ввести в данном поле.