INPUT - поля ввода в формах

Цель

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

Типичное отображение

Меняется согласно типу поля.

Основной синтаксис

<INPUT TYPE=тип_поля_ввода другие_атрибуты>

Возможные атрибуты

имя атрибута возможные значения смысл примечания
TYPE TEXT, PASSWORD, CHECKBOX, RADIO, SUBMIT, RESET, FILE, HIDDEN, IMAGE тип поля для ввода по умолчанию TEXT
NAME строка имя для идентификации поля, когда его содержимое передается серверу требуется для всех признаков, помимо SUBMIT и RESET
VALUE строка первоначальное значение вводного поля; для признаков SUBMIT либо RESET - текстовая метка обязателен, если TYPE = RADIO либо CHECKBOX
CHECKED установленный когда TYPE = RADIO либо CHECKBOX, инициализирует поле к установленному состоянию  
SIZE целое видимый размер поля; число символов  
MAXLENGTH целое максимальное число символов, разрешенных в текстовом поле по умолчанию не ограничено
SRC URL адрес изображения для полей с фоновыми изображениями
ALIGN TOP, MIDDLE, BOTTOM, LEFT, RIGHT выравнивание изображения для графических руководящих кнопок по умолчанию BOTTOM

Различные значения признака TYPE соответствуют разным видам вводных полей.

TYPE=TEXT (тип=текст - по умолчанию)

Одностроковое текстовое поле, чей видный размер может быть установлен признаком SIZE, скажем, SIZE=40 для 40-символьного поля. Пользователи могут вводить и огромнее символов, чем данный предел, но с текстовым скроллингом (пролистыванием) поля, дабы курсор ввода оставался видимым. Вы можете задать верхний предел числа символов признаком MAXLENGTH. Признак NAME применяется для названия поля, а признак VALUE инициализирует текстовую строку в поле, когда документ впервой загружен.

Заметим, что текстовый ввод лимитирован одной строкой. Используйте элемент TEXTAREA, чтобы определить многостроковые текстовые поля.

Пример:

 <INPUT TYPE=TEXT SIZE=40 NAME=user value="your name"> 

TYPE=PASSWORD (тип=пароль)

Этот тип равен TYPE=TEXT, впрочем все вводимые символы представляются в виде *, дабы спрятать текст от подсматривающих глаз, когда вводится пароль. Вы можете применять признаки SIZE и MAXLENGTH, дабы руководить видимой и максимальной длинами поля верно так же, как для обыкновенного текстового поля.

Пример:

<INPUT TYPE=PASSWORD SIZE=12 NAME=pw> 

TYPE=CHECKBOX (тип=поле установки - переключатель)

Используется для примитивных булевых признаков (т.е. признаков, принимающих значение ПРАВДА либо ВРАНЬЕ) либо для признаков, которые единовременно могут принимать уйма значений. Всякое заполненное переключательное поле генерирует отдельную пару имя/значение в формируемых данных, даже если это приводит к дублированию имен. Используйте признак CHECKED для инициализации поля установки по умолчанию.

Пример:

<INPUT TYPE=CHECKBOX CHECKED NAME=uscitizen VALUE=yes> 

TYPE=RADIO (тип=радиокнопка)

Используется для признака, тот, что может принимать исключительное значение из множества. Всякое поле радиокнопки в группе должно быть задано только одним значением признака NAME. Радиокнопки требуют очевидного признака VALUE. Исключительная нажатая радиокнопка в группе генерирует пару имя/значение в формируемых данных. Одна радиокнопка в группе признаком CHECKED должна быть заранее установлена по умолчанию.

Пример:

<INPUT TYPE=RADIO NAME=age VALUE="0-12"> 
<INPUT TYPE=RADIO NAME=age VALUE="13-17"> 
<INPUT TYPE=RADIO NAME=age VALUE="18-25"> 
<INPUT TYPE=RADIO NAME=age VALUE="26-35" CHECKED> 
<INPUT TYPE=RADIO NAME=age VALUE="36-"> 

TYPE=SUBMIT (тип=отсылка)

Определяет кнопку, которую пользователь может нажать, дабы передать содержимое формы серверу. Метка устанавливается признаком VALUE. Если признак NAME задан, то пара наименование/значение для исполняемой кнопки будет включена в передаваемые данные. Вы можете включить несколько исполняемых кнопок в форму. Глядите TYPE=IMAGE для графических исполняемых кнопок.

Примеры:

<INPUT TYPE=SUBMIT VALUE="Party on..."> 

TYPE=RESET (тип=перезагрузка)

Определяет кнопку, которую пользователь может нажать, дабы воротить поля формы к начальному состоянию, когда документ был впервой загружен. Вы можете установить метку с поддержкой признака VALUE. Кнопки перезагрузки никогда не посылаются как часть содержимого формы.

Пример:

<INPUT TYPE=RESET VALUE="Start over..."> 

TYPE=FILE (тип=файл)

Этот тип дает возможность пользователям прикрепить файл к содержимому формы. Элемент традиционно отображается, как текстовое поле с кнопкой, при нажатии на которую возникает файловый броузер для отбора имени файла. Имя файла также может быть введено прямо в текстовое поле.

Таким же образом, как для TYPE=TEXT, для TYPE=FILE дозволено применять признак SIZE, дабы установить видимую ширину поля. Вы также можете установить верхний предел для длины имени файла, применяя признак MAXLENGTH. Некоторые программы просмотра поддерживают способность ограничивать виды файлов, которые могут быть прикреплены к форме, перечислением разделяемого запятыми списка файлов с содержимым типа MIME, задаваемого признаком ACCEPT. Скажем, ACCEPT="image/*" ограничит файлы изображениями. Добавочная информация может быть обнаружена в RFC 1867.

Пример:

<INPUT TYPE=FILE NAME=photo SIZE=20> 

TYPE=HIDDEN (тип=спрятанный)

Этот тип поля не отображается пользователю. Спрятанное поле дает возможность для серверов беречь информацию о состоянии совместно с формой. Когда форма "исполняется" при нажатию соответствующей кнопки, серверу будет передана пара имя/значение, определенная с применением соответствующих признаков. Данный тип создает рабочее окружение для полноты возможностей HTTP и является альтернативой для применения так называемой HTTP cookies.

Пример:

<INPUT TYPE=HIDDEN NAME=customerid VALUE="c2415-345-8563"> 

TYPE=IMAGE

Используется для графических кнопок отсылок, отображаемых изображением. URL для изображений специфицируется признаком SRC. Выравнивание изображения может быть специфицировано признаком ALIGN. В этом отношении графические кнопки отсылки одинаковы элементам IMG (так, Вы можете установить для ALIGN - LEFT, RIGHT, TOP, MIDDLE либо BOTTOM). Признаки NAME и VALUE трактуются верно также, как текстовые кнопки отсылки и обязаны быть заданы для обеспечения работы неграфических программ просмотра.

Пример:

<INPUT TYPE=IMAGE SRC="partyon.gif" VALUE="Party on..."> 

Допустимый контекст

Текстовый контейнер, т.е. всякий элемент, тот, что может содержать текстовые элементы. Включает множество элементов HTML. Текстовый контейнер может возникнуть в пределах элемента FORM.

Содержимое

Никакое.

Примеры

<INPUT TYPE=RESET VALUE="Start over..."> 

Примечания

Использование INPUT для ввода текста ограничено одностроковыми полями. Используйте TEXTAREA, дабы определить многостроковые текстовые поля.

Используйте SELECT для меню.