Веб-дизайн для начинающих

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

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

<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>
...