Формы HTML - часть 2
TEXT
Поле для ввода пользователем одной строки текста.
PASSWORD
To же, что TEXT, но вводимый текст не отображается на экране.
CHECKBOX
Флажок, который пользователь может устанавливать и сбрасывать.
RADIO
Радиокнопка, которая должна объединяться еще хотя бы с одной радиокнопкой. Пользователь может выбрать только одну из них.
SUBMIT
Кнопка, при нажатии которой форма отправляется на веб-сервер.
RESET
Кнопка, при нажатии которой в форме восстанавливаются значения по умолчанию.
FILE
Аналогичен текстовому окну, но предполагает ввод имени файла, который будет отправлен на сервер.
HIDDEN
Невидимое поле, в котором могут храниться данные.
IMAGE
Аналогичен кнопке SUBMIT, но можно задать картинку для изображения на кнопке.
Кроме атрибута TYPE теги <INPUT> обычно имеют атрибут NAME, связывающий введенные в поле данные с некоторым именем. Имя и данные передаются серверу в стиле величина=значение . В предыдущем примере текстовое поле именовалось firstname . Можно использовать атрибут VALUE, чтобы присвоить полям типа TEXT, PASSWORD , FILE и HIDDEN предустановленные значения. Этот же атрибут, используемый с кнопками типа SUBMIT или RESET, выводит на них заданный текст. Поля типа RADIO и CHECKBOX можно отобразить как выставленные с помощью атрибута CHECKED без задания значения.
Атрибут SIZE используется для задания длины полей типа TEXT, PASSWORD и FILE. Атрибут MAXLENGTH можно использовать для ограничения длины вводимого текста. Атрибут SRC задает URL изображения, используемого в типе IMAGE. И наконец, атрибут ALIGN задает характер выравнивания изображения для типа IMAGE и может иметь значение TOP, MIDDLE, BOTTOM (по умолчанию), LEFT или RIGHT (вверх, в середину, вниз, влево, вправо).
<SELECT>
Этот тег обеспечивает создание меню, из пунктов которого пользователь делает выбор. Меню может быть выпадающим, в котором пользователь выбирает только один пункт, или иметь вид списка, из которого выбирается один или несколько пунктов. Каждый пункт меню задается тегом <OPTION> . Необходимо использовать закрывающий тег </select> .