FORM (ФОРМА) - заполняемая форма

Цель

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

Типичное представление

Нечто сходственное заполняемой на бумаге форме.

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

<FORM ACTION="URL">
содержание формы, включая элементы INPUT и, допустимо, элементы TEXTAREA и SELECT
</FORM>

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

имя атрибута возможные значения смысл атрибута примечания
ACTION URL адрес сервера, тот, что использует форма сервер HTTP либо URL
METHOD GET, POST метод передачи данных, полученных от пользователя, на сервер по умолчанию - GET
ENCTYPE строка механизм, применяемый для кодирования содержимого формы по умолчанию приложение /x-www-form-url-кодирование

Детали создания форм специфицированы в RFC 1867.

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

Блоковый контейнер.

Содержимое

То, что разрешено в пределах элемента BODY (т.е. заголовки, текстовые и блоковые элементы, элементы ADDRESS), за исключением того, что невозможно применять в пределах элементов FORM.

Есть некоторые элементы, которые могут возникнуть только в пределах элемента FORM. В частности:

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

Примеры

Пример, иллюстрирующий конструкции спецификации формы для простого случая. Крайне возможно, что это не будет трудиться. Глядите примечание ниже.

Пример FORM-1.html: 

<FORM ACTION="mailto:Jukka.Korpela@hut.fi" METHOD=POST> 
<TEXTAREA ROWS=5 COLS=72 NAME=Comments></TEXTAREA> 
<P> 
<INPUT TYPE=SUBMIT VALUE=Send> 
</FORM>

Следующий, больше трудный пример, включает в дополнение к области свободного ввода текста меню выбора.

Пример FORM-2.html: 

<FORM ACTION="mailto:Jukka.Korpela@hut.fi" METHOD=POST> 
Please tell your opinion about the overall quality of this document: 
<SELECT NAME=evaluation> 
<OPTION>Very poor 
<OPTION>Rather poor 
<OPTION>Average 
<OPTION>Rather good 
<OPTION>Very good 
</SELECT> 
<P> 
You can also be more specific by writing a few comments: 
<TEXTAREA NAME=Comments ROWS=5 COLS=72></TEXTAREA> 
<P> 
<INPUT TYPE=SUBMIT VALUE=Send> 
</FORM>

Примечания

В одном документе может быть несколько форм.

Для дюже примитивных форм дозволено применять элемент ISINDEX.

Правда спецификации HTML 3.2 говорят, что признак ACTION предпочитается применению mailto:, предоставляя легкий метод создания форм для управления информацией через e-mail, подметим, что эта способность поддерживается еще не повсеместно. Скажем, код в нашем первом примере не работает в Netscape, потому что он с самого начала использует свой внутренний e-mail-формирователь, игнорируя метод, которым была заполнена форма. Lynx же, скажем, в этом случае работает класснее. Вы обязаны принимать во внимание, что формируемое e-mail послание возникает в кодированной форме, правда и не всецело нечитаемой. В случае, когда в приведенном примере 2 пользователь выбирает опцию Rather poor и печатает текст Too few ../../examples., содержимое послания будет выглядеть дальнейшим образом : 

evaluation=Rather+poor&Comments=Too+few+../../examples.