<<Темы

Урок 9. Заполняемые формы

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

form

Используется для создания заполяемой формы. Необходимо присутствие начального и конечного тэгов. Внутри элемента form разрешается использовать большинство HTML-элементов. Параметры:
name - определяет имя формы, уникальное для данного документа. Используется, если в документе присутствует несколько форм.
action - обязательный параметр. Определяет URL, по которому будет отправлено содержимое формы. Это может быть либо адрес электронной почты, либо путь к скрипту сервера, обслуживающему данную форму.
method - определяет способ отправки содержимого формы. Возможные значения get (по умолчанию) и post.
enctype - определяет способ кодирования содержимого формы при отправке. По умолчанию используется "application/x-www-form-urlencoded".
target - определяет имя окна, в которое возвращается результат обработки отправленной формы. Возможные значения: _self, _parent, _top, _blank или явно указанное имя окна.
<from action=mailto:Rada@ntspi.ru>

textarea

Создает поле для ввода нескольких строк текста. Обычно содержит текст инициализации, который при загрузке документа изначально будет записываться в данное поле. Элемент textarea должен располагаться внутри элемента form. Параметры:
name - обязательный параметр. Определяет название, которое будет использоваться при идентификации заполненого поля сервером.
rows - определяет количество строк текста, видимых на экране.
cols - определяет ширину текстового поля - в печатных символах.
wrap - определяет способ переноса слов в заполняемой данной заполняемой форме. Возможные значения: off - перенос слов не происходит (значение по умолчанию), virtual - перенос слов только отображается, на сервер же поступает неделимая строка, physical - перенос слов будет происходить во всех точках переноса.
<textarea name=pole rows=2 cols=40>Текстовое поле</textarea>

select

Cоздает в заполняемой форме меню типа "Выбор одного пункта из многих" или "Выбор нескольких пунктов из многих". Должен располагаться внутри элемента form и иметь как начальный, так и конечный тэги. Содержит несколько элементов option. Параметры:
multiple - дает возможность выбора нескольких пунктов меню. По умолчанию можно выбрать только один пункт меню.
name - определяет имя меню, уникальное для данной формы, которое будет использоватся при передаче данных на сервер. Каждый выбранный пункт меню при передаче на сервер будет иметь вид: name/value. Значение (value) формируется элементом option.
size - определяет количество видимых пунктов в меню. Если значение этого параметра больше единицы, то результатом будет список пунктов.

option

Используется только с элементом select. Элемент option описывает отдельные пункты меню. Не имеет конечного тэга. Параметры:
selected - определяет пункт меню, который будет выбран изначально при загрузке документа. Если меню имеет тип "один из многих", то флагом selected может быть помечен лишь один пунктов меню.
value - задает данному пункту значение, которое будет использовано наряду с другими сведениями о содержимом заполненной формы. При предоставлении информации на сервер это значение будет объединено со значением параметра name в элементе select.
<select>
<option selected value="IE">Internet Explorer
<option value="NN">Netscape Navigator
<option value="Another">Другой
</select>


button

Данный элемент значительно расширяет функциональные возможности кнопок. Имеет атрибут type, который может принимать значения submit, reset и button. Первые два значения и так ясно для чего, а вот третье предназначено для тех случаев, когда надо исполнять какой-нибудь скрипт. То есть на кнопку вешается событие onСlick и вызывается нужная функция. Данный элемент не поддерживается браузером Operа 5+.
Самое интересное, что внутри элемента button можно с успехом размещать другие HTML-элементы, так что можно сделать кнопку с текстом и рисунком. Вот так:

<button type="button">
Кнопочка <img src=news.gif width=30 height=30 border=0 alt="кнопочка не функционирует">
</button>


Можно вместо рисунка запихать вовнутрь что вашей душе угодно, хоть таблицу, если вам это необходимо.
<button type="button">
 <table border=1 cellpadding=0 width=200>
  <tr>
   <td>нажми на кнопку</td>
   <td>получишь результат</td>
  </tr>
 </table>
</button>



<<Урок 8 ^ наверх ^ Задание №9Урок 10>>