Контейнер <form> </form> предназначен для вставки форм в web страницу.

Закрывающий тег требуется.

Атрибуты

action - Указывает адрес программы, которая будет обрабатывать данные, переданые ей из форм.

method - Метод передачи данных (GET и POST ).

name - Имя формы, для доступа к ней из скрипта.

Тег <input> cлужит для создания непосредственно форм.

Закрывающий тег не требуется.

Атрибуты

TYPE - определяет тип поля ввода.

СНЕСKBOX - используется для выбора пользователем нескольких значений из предложенных.

RADIO - тоже что и checkbox, но пользователь может выбрать только одно значение.

TEXT - Данный тип поля ввода описывает однострочное поле ввода.

PASSWORD - - То же самое, что и атрибут TEXT, но вводимое пользователем значение не отображается броузером на экране (отображаются звездочки вместо символов).

RESET - Данный тип обозначает кнопку, при нажатии которой все поля формы примут значения, описанные для них по умолчанию.

SUBMIT - Данный тип обозначает кнопку, при нажатии которой будет вызвана CGI-программа (или URL), описанная в заголовке формы (action). Атрибут VALUE может содержать строку, которая будет высвечена на кнопке.

FILE - создает элемент для выбора локальных файлов.

IMAGE - создает кнопку в виде изображения .

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

SIZE - определяет визуальный размер поля ввода на экране в символах.

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

MAXLENGTH - определяет количество символов, которое пользователи могут ввести в поле ввода.

CHECKED - означает, что CHECKBOX или RADIOBUTTON будет выбран.

Пример:

Код:

<form action="#" method="get">
<input type="text" size="30" name="txt" /><br />
<input type="password" size="30" name="pass" /><br />
<input type="submit" value="send" />
</form>

Результат:



Контейнер <select> </select> позволяет пользователю выбрать значение из фиксированного списка значений.

Обычно это представлено выпадающим меню. Тэг select имеет один или более элементов между стартовым тэгом <select> и завершающим </select>. Элементы в свою очередь заключены в контейнер <option> </option>. По умолчанию, первый элемент отображается в строке выбора.

Атрибуты

size - количество отображаемых элементов.

name - имя для select.

Пример:

Код:

<form action="" method="get">
<select name="n">
<option>Вариант 1</option>
<option>Вариант 2</option>
<option>Вариант 3</option>
<option>Вариант 4</option>
</select>
</form>

Результат:

Контейнер <textarea> </textarea>используется для того, чтобы позволить пользователю вводить свободный текст.

Атрибуты

NAME - имя поля ввода.

ROWS - высота поля ввода в символах.

COLS - ширина поля ввода в символах.

Пример:

Код:

<form action="" method="get">
<textarea name="namm" rows="4" cols="30">
</textarea>
</form>

Результат: