Формы
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>
...