Теги для работы с формами.
Контейнер <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>
Результат: