Home Формы
HTML - Справочник

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

 

Элементы для создания форм:

FORM Создает заполяемую форму
INPUT Создает поле в форме
SELECT Создает меню в заполняемой форме
OPTION Создает отдельные пункты в меню (см. SELECT)
TEXTAREA Создает поле для ввода нескольких строк текста

 

<FORM>...</FORM>

Окрытие формы.

Атрибуты FORM:

  • ACTION - обязательный атрибут - определяет местонахождение скрипта формы
  • METHOD - определяет метод передачи формы
METHOD=POST
METHOD=GET - (по умолчанию)
  • ENCTYPE - определяет кодировку для передачи обработчику по умолчанию
ENCTYPE=application/x-www-form-urlencoded

 

<INPUT>...</INPUT>

Рисует кнопку или окно ввода.

Синтаксис:

<INPUT TYPE="тип кнопки" VALUE="надпись" NAME="имя переменной">
  • тип кнопки=SUBMIT - рисует кнопку с надписью "надпись"
  • тип кнопки=RADIO - рисует круглую кнопку - обработчик onclick
параметр CHECKED - обозначает, что кнопка помечена
параметр VALUE - определяет имя, присваемое переменной
  • тип кнопки=CHECKBOX - рисует флажок - обработчик onclick
параметр CHECKED - обозначает, что кнопка помечена
параметр VALUE - определяет имя, присваемое переменной
  • тип кнопки=BUTTON - рисует кнопку с надписью надпись - обработчик onclick
  • тип=HIDDEN - определяет скрытый элемент данных
параметр NAME - определяет переменную
параметр VALUE - определяет имя, присваемое переменной
  • тип кнопки=TEXT - ввод текста в окно
параметр VALUE - текст по умолчанию
параметр SIZE - ширина окна в символах
  • тип кнопки=PASSWORD - окно для ввода пароля
параметр VALUE - пароль по умолчанию
параметр SIZE - ширина окна в символах
параметр MAXLENGTH - допустимая длина пароля
  • тип кнопки=NUM - ввод числа в окно
параметр VALUE - число по умолчанию
  • тип кнопки=RESET - сброс данных формы

 

<SELECT>...</SELECT>

Выбор значения из всех предложенных.

  • NAME - обязательный атрибут, определяющий имя переменной, которую генерирует меню.
  • MULTIPLE - атрибут, указывающий на возможность выбора нескольких элементов
  • SIZE - высота окна в строках

 

<OPTION>...</OPTION>

Определяет элемент меню. Используется внутри тега <SELECT>.

  • VALUE - начение, которое будет передано обработчику (обязательный атрибут)
  • SELECTED - атрибут, указывающий на значение по умолчанию

 

<TEXTAREA>...</TEXTAREA>

Выводит область ввода текста.

 

Пример 1:

<FORM NAME="Form1" ACTION="banya.php">
<INPUT TYPE="hidden" NAME="info" VALUE="Запись в баню на воскресенье">
<INPUT TYPE="radio" NAME="sex" VALUE="Male" CHECKED>Мужской<BR>
<INPUT TYPE="radio" NAME="sex" VALUE="Female">Женский<BR>
Имя:<BR>
<INPUT TYPE="text" NAME="textfield" VALUE="Вася Пупкин"
SIZE="30" MAXLENGTH="60"><BR>
Пароль:<BR>
<INPUT TYPE="password" WIDTH="10" NAME="passwd"><BR><BR>
<INPUT TYPE="submit" VALUE="Отправить">
</FORM>

 

Пример 2:

...
<FORM>
<SELECT NAME="Выбор">
<OPTION>MS Windows 7
<OPTION VALUE="MD">MS Windows XP
<OPTION>MS Windows Vista
<OPTION>Mac OS
<OPTION SELECTED>Linux
</SELECT>
</FORM>
...

 

Пример 3:

...
<FORM>
<TEXTAREA NAME="address" WRAP="virtual" COLS="40" ROWS="3">
Ваш адрес...
</TEXTAREA>
</FORM>
...