Пользователи обычно "заполняют"
Вот пример простой
<FORM action="http://somesite.com/prog/adduser" method="post">
<P>
<LABEL for="firstname">First name: </LABEL>
<INPUT type="text" id="firstname"><BR>
<LABEL for="lastname">Last name: </LABEL>
<INPUT type="text" id="lastname"><BR>
<LABEL for="email">email: </LABEL>
<INPUT type="text" id="email"><BR>
<INPUT type="radio" name="sex" value="Male"> Male<BR>
<INPUT type="radio" name="sex" value="Female"> Female<BR>
<INPUT type="submit" value="Send"> <INPUT type="reset">
</P>
</FORM>
Пользователь взаимодействует с
Имя name. Областью видимости атрибута name FORM.
Каждый value OBJECT в
"Текущее значение\current value"
Начальное значение
Если
При отправке
HTML определяет следующие типы
кнопки
Авторы могут создавать кнопки трёх типов:
Автор должен указать язык сценария META ).
Авторы создают кнопки, используя BUTTON, или INPUT. См. определение этих
BUTTON богаче, чем у INPUT.переключатели/checkboxes
Переключатели (и checked
Несколько переключателей в INPUT используется для создания переключателей.
radio-кнопки
INPUT используется для создания
Если ни одна
Примечание. Поскольку существующие приложения обрабатывают эту ситуацию по-разному, данная спецификация отличается от
В определённый момент времени только одна <INPUT> набора 'CHECKED' ), тогда ПА обязан вначале включить первую из кнопок набора.
Поскольку поведение ПА различно, авторы должны убедиться, что в каждом наборе
меню
SELECT создаёт OPTGROUP и OPTION.
текстовые поля
Авторы могут создавать поля для ввода текста двух видов. Элемент INPUT создаёт однострочный
выбор файла/file select
INPUT используется для создания
hidden control/скрытый ЭУ
Авторы могут создавать невидимые INPUT используется для создания
ЭУ object
Авторы могут вставлять в OBJECT.
Элементы, используемые для создания FORM, но могут также находиться и вне объявления элемента FORM, если используются для создания пользовательского интерфейса. Этот вопрос рассматривается в разделе
<!ELEMENT FORM - - (%block;|SCRIPT)+ -(FORM) -- интерактивная форма --> <!ATTLIST FORM %attrs; -- %coreattrs, %i18n, %events -- action %URI; #НЕОБХОДИМ -- обработчик на стороне сервера -- method (GET|POST) GET -- HTTP метод отправки формы-- enctype %ContentType; "application/x-www-form-urlencoded" accept %ContentTypes; #ПРЕДПОЛАГАЕТСЯ -- список типов MIME для загрузки файлов -- name CDATA #ПРЕДПОЛАГАЕТСЯ -- имя формы (для скриптов) -- onsubmit %Script; #ПРЕДПОЛАГАЕТСЯ -- событие: форма отправлена -- onreset %Script; #ПРЕДПОЛАГАЕТСЯ -- событие: форма очищена -- accept-charset %Charsets; #ПРЕДПОЛАГАЕТСЯ -- список поддерживаемых наборов символов -- >
Определения атрибутов
action = uri [CT]
Определяет обработчик
method =
Определяет, какой метод HTTP используется для отправки " (по умолчанию) и " . См. родственную информацию в разделе отправка формы.
enctype = content-type [CI]
Определяет method 'a - " ). Значением по умолчанию этого атрибута является " . Значение " должно использоваться в комбинации с элементом INPUT, type="file".
Определяет список кодировок для вводимых данных, принимаемых сервером, обрабатывающим данную
Значением по умолчанию этого атрибута является зарезервированная строка "UNKNOWN".
ПА могут интерпретировать это значение как кодировку FORM.
Определяет список разделённых запятыми INPUT с type="file" ).
name =
Этот атрибут именует элементы таким образом, что на них можно ссылаться из таблицы стилей или скрипта (сценария).
id для идентификации элементов.Атрибуты, определённые в другом месте
id, class (идентификаторы документа)lang (язык), dir (направление текста)style (инлайн-стиль)title (название элемента)target (onsubmit, onreset, onclick, ondblclick onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup (Элемент FORM действует как контейнер для
action ). Программа должна разбирать пары имя/значение для их последующего использования.method ).Кодировку
ПА должны уведомлять пользователя о значении атрибута
В следующем примере показана
" .
<FORM action="http://somesite.com/prog/adduser" method="post"> ...содержимое формы... </FORM>
См. раздел отправка формы о том, как ПА должны готовить данные
<!ENTITY % InputType "(TEXT | PASSWORD | CHECKBOX | RADIO | SUBMIT | RESET | FILE | HIDDEN | IMAGE | BUTTON)" > <!-- имя атрибута name требуется для всех, кроме submit и reset --> <!ELEMENT INPUT - O EMPTY -- ЭУ формы --> <!ATTLIST INPUT %attrs; -- %coreattrs, %i18n, %events -- type %InputType; TEXT -- тип ЭУ -- name CDATA #ПРЕДПОЛАГАЕТСЯ -- отправляется как часть формы -- value CDATA #ПРЕДПОЛАГАЕТСЯ -- для radio-кнопок и переключателей -- checked (checked) #ПРЕДПОЛАГАЕТСЯ -- для radio-кнопок и переключателей -- disabled (disabled) #ПРЕДПОЛАГАЕТСЯ -- недоступен в данном контексте -- readonly (readonly) #ПРЕДПОЛАГАЕТСЯ -- для text и passwd -- size CDATA #ПРЕДПОЛАГАЕТСЯ -- специфичен для каждого типа поля -- maxlength NUMBER #ПРЕДПОЛАГАЕТСЯ -- максимальное к-во символов для полей text -- src %URI; #ПРЕДПОЛАГАЕТСЯ -- для полей с изображениями -- alt CDATA #ПРЕДПОЛАГАЕТСЯ -- краткое описание -- usemap %URI; #ПРЕДПОЛАГАЕТСЯ -- использовать клиентские карты изображений -- ismap (ismap) #ПРЕДПОЛАГАЕТСЯ -- использовать серверные карты изображений -- tabindex NUMBER #ПРЕДПОЛАГАЕТСЯ -- позиция в порядке табуляции -- accesskey %Character; #ПРЕДПОЛАГАЕТСЯ -- символ быстрого доступа -- onfocus %Script; #ПРЕДПОЛАГАЕТСЯ -- элемент получил фокус -- onblur %Script; #ПРЕДПОЛАГАЕТСЯ -- элемент потерял фокус -- onselect %Script; #ПРЕДПОЛАГАЕТСЯ -- текст был выделен -- onchange %Script; #ПРЕДПОЛАГАЕТСЯ -- значение элемента было изменено -- accept %ContentTypes; #ПРЕДПОЛАГАЕТСЯ -- список типов MIME для загрузки файлов -- >
Определения атрибутов
type = text|password|
Определяет тип создаваемого "text".
name =
Имя
value =
Начальное значение type не имеет значение " или " .
size =
Сообщает type имеет значение "text" или "password". В этом случае значение атрибута - (integer) целое число
maxlength = number [CN]
Если атрибут type имеет значение "text" или "password", этот атрибут определяет максимальное количество size ). В этом случае ПА должен предоставить возможность прокрутки. По умолчанию значением этого атрибута является неограниченное количество.
checked [CI]
Если атрибут type имеет значение " или " , данный
src = uri [CT]
Если атрибут type имеет значение "image", этот атрибут устанавливает место нахождения изображения, используемого в качестве
Атрибуты, определённые в другом месте
id, class (идентификаторы документа)lang (язык), dir (направление текста)title (название элемента)style (инлайн-стиль)alt (align (выравнивание)accept readonly ( disabled (недоступен)tabindex (позиция при табуляции)accesskey ( usemap (клиентская ismap (серверная onfocus, onblur, onselect, onchange onclick, ondblclick onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup (Тип INPUT, зависит от значения атрибута type:
text
Однострочный
password
Как "text", но вводимый текст изображается так, чтобы скрыть вводимые
checkbox
Создаёт переключатель.
radio
Создаёт
submit
Создаёт
image
Создаёт src определяет URI изображения, служащего для украшения кнопки. Из соображений alt.
Если для щелчка на кнопке image используется указательное устройство (мышь и т.п.), Х измеряется в пикселах от левого края изображения, а значение У - в пикселах от верхнего края изображения. Отправленные данные включают значения name.x=x-value и name.y=y-value, где "name" это значение атрибута name, а x-value и y-value это значения координат x и y соответственно.
Если сервер выполняет разные действия в зависимости от места нажатия на элементе, пользователи неграфических браузеров окажутся в затруднительном положении. По этим причинам авторы должны предусматривать дополнительные варианты:
reset
Создаёт
button
Создаёт value как
hidden
Создаёт элемент hidden.
file
Создаёт ЭУ file select. ПА могут использовать значение атрибута value как имя файла по умолчанию.
Следующий фрагмент HTML определяет простую action.
<FORM action="http://somesite.com/prog/adduser" method="post"> <P> First name: <INPUT type="text" name="firstname"><BR> Last name: <INPUT type="text" name="lastname"><BR> email: <INPUT type="text" name="email"><BR> <INPUT type="radio" name="sex" value="Male"> Male<BR> <INPUT type="radio" name="sex" value="Female"> Female<BR> <INPUT type="submit" value="Send"> <INPUT type="reset"> </P> </FORM>
Эта
В разделе элемента LABEL мы обсуждаем установку
В этом примере, функция "onclick":
<HEAD>
<META http-equiv="Content-Script-Type" content="text/javascript">
</HEAD>
<BODY>
<FORM action="..." method="post">
<P>
<INPUT type="button" value="Click Me" onclick="verify()">
</FORM>
</BODY>
См. раздел внутренние события о сценариях и событиях.
В следующем примере показано, как содержимое определённого пользователем файла может пересылаться с enctype в " содержимое каждого файла упаковывается для отправки отдельным разделом составного документа.
<FORM action="http://server.dom/cgi/handle"
enctype="multipart/form-data"
method="post">
<P>
Ваше имя? <INPUT type="text" name="name_of_sender">
Какие файлы Вы отправляете? <INPUT type="file" name="name_of_files">
</P>
</FORM>
<!ELEMENT BUTTON - -
(%flow;)* -(A|%formctrl;|FORM|FIELDSET)
-- кнопка push -->
<!ATTLIST BUTTON
%attrs; -- %coreattrs, %i18n, %events --
name CDATA #ПРЕДПОЛАГАЕТСЯ
value CDATA #ПРЕДПОЛАГАЕТСЯ -- отсылается на сервер при отправке формы --
type (button|submit|reset) submit -- используется как кнопка формы --
disabled (disabled) #ПРЕДПОЛАГАЕТСЯ -- недоступен в этом контексте --
tabindex NUMBER #ПРЕДПОЛАГАЕТСЯ -- позиция при табуляции --
accesskey %Character; #ПРЕДПОЛАГАЕТСЯ -- символ быстрого доступа --
onfocus %Script; #ПРЕДПОЛАГАЕТСЯ -- элемент получил фокус --
onblur %Script; #ПРЕДПОЛАГАЕТСЯ -- элемент потерял фокус --
>
Определения атрибутов
name =
Определяет имя
value =
Устанавливает начальное значение кнопки.
type = submit|button|reset [CI]
Объявляет тип кнопки. Возможные значения:
submit: создаёт reset: создаёт button: создаёт Атрибуты, определённые в другом месте
id, class (идентификаторы документа)lang (язык), dir (направление текста)title (название элемента)style (инлайн-стиль)disabled (недоступен)accesskey ( tabindex (позиция при табуляции)onfocus, onblur, onclick, ondblclick onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup (Кнопки, созданные элементом BUTTON работают почти так же, как и кнопки, созданные элементом INPUT, но дают больше возможностей представления: элемент BUTTON может иметь содержимое. Например, элемент BUTTON, содержащий изображение, работает и может выглядеть как элемент INPUT, чей type установлен в "image", но элемент BUTTON может иметь содержимое.
Визуальные ПА могут представлять кнопку BUTTON с рельефом и смещением вверх/вниз при нажатии, в то время как они могут рассматривать кнопки INPUT только как "плоские" изображения.
Этот пример расширяет предыдущий, но создаёт BUTTON вместо INPUT. Кнопки содержат изображения так же, как элемент IMG.
<FORM action="http://somesite.com/prog/adduser" method="post"> <P> First name: <INPUT type="text" name="firstname"><BR> Last name: <INPUT type="text" name="lastname"><BR> email: <INPUT type="text" name="email"><BR> <INPUT type="radio" name="sex" value="Male"> Male<BR> <INPUT type="radio" name="sex" value="Female"> Female<BR> <BUTTON name="submit" value="submit" type="submit"> Send<IMG src="/icons/wow.gif" alt="wow"></BUTTON> <BUTTON name="reset" type="reset"> Reset<IMG src="/icons/oops.gif" alt="oops"></BUTTON> </P> </FORM>
Напоминаем, что авторы должны указывать IMG.
Недопустимо ассоциировать IMG, который является содержимым элемента BUTTON.
НЕВЕРНОЕ ИСПОЛЬЗОВАНИЕ: Это неверный HTML. <BUTTON> <IMG src="foo.gif" usemap="..."> </BUTTON> |
<!ELEMENT SELECT - - (OPTGROUP|OPTION)+ -- селектор опций --> <!ATTLIST SELECT %attrs; -- %coreattrs, %i18n, %events -- name CDATA #ПРЕДПОЛАГАЕТСЯ -- имя поля -- size NUMBER #ПРЕДПОЛАГАЕТСЯ -- видимые ряды -- multiple (multiple) #ПРЕДПОЛАГАЕТСЯ -- по умолчанию в одном выделении -- disabled (disabled) #ПРЕДПОЛАГАЕТСЯ -- недоступен в данном контексте -- tabindex NUMBER #ПРЕДПОЛАГАЕТСЯ -- позиция при табуляции -- onfocus %Script; #ПРЕДПОЛАГАЕТСЯ -- элемент получил фокус -- onblur %Script; #ПРЕДПОЛАГАЕТСЯ -- элемент потерял фокус -- onchange %Script; #ПРЕДПОЛАГАЕТСЯ -- значение элемента изменено -- >
Определения атрибутов элемента SELECT
name =
Устанавливает имя
size = number [CN]
Если элемент SELECT представлен в виде прокручиваемого списка, этот атрибут определяет количество видимых одновременно рядов в списке. Визуальные ПА не требуют представления элемента SELECT как прокручиваемого списка; они могут использовать для этого ниспадающее
multiple [CI]
При установке этот SELECT допускает выбор только одной позиции.
Атрибуты, определённые в другом месте
id, class (идентификаторы документа)lang (язык), dir (направление текста)title (название элемента)style (инлайн-стиль)disabled (недоступен)tabindex (табуляция)onclick, ondblclick onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup (Элемент SELECT создаёт OPTION. Элемент SELECT должен содержать не менее одного элемента OPTION.
Элемент OPTGROUP позволяет группировать опции логически. Это особенно удобно, когда пользователь должен выбрать из большого списка опций: группы связанных опций легче осмыслить и запомнить, чем один большой список опций. В HTML 4 все элементы OPTGROUP должны быть определены непосредственно в элементе SELECT (т.е. группы не могут быть вложенными).
Ноль или более опций могут быть предустановлены для пользователя. ПА должны определять, какая опция является предустановленной, следующим образом:
Если ни один элемент OPTION не имеет установленного атрибута selected, поведение ПА по определению предустановленной опции не определено.
Примечание. Поскольку существующие программы обрабатывают эту ситуацию по-разному, данная спецификация отличается от
Первоначально выбранной является опция 1, если только отсутствует атрибут SELECTED или любой из элементов <OPTION>.
Поскольку поведение ПА различно, авторы должны удостовериться, что каждое OPTION )по умолчанию.
OPTION имеет установленный атрибут selected, он должен быть предустановленным.SELECT имеет установленный атрибут multiple, и более чем один элемент OPTION имеет установленный атрибут selected, они все должны быть предустановлены.OPTION имеет установленный атрибут selected, и элемент SELECT не имеет установленного атрибута multiple. ПА могут по-разному обрабатывать такие <!ELEMENT OPTGROUP - - (OPTION)+ -- группа опций --> <!ATTLIST OPTGROUP %attrs; -- %coreattrs, %i18n, %events -- disabled (disabled) #ПРЕДПОЛАГАЕТСЯ -- недоступен в этом контексте -- label %Text; #НЕОБХОДИМ -- для использования в иерархическом меню -- >
Определение атрибута элемента OPTGROUP
label = text [CS]
Определяет
Атрибуты, определённые в другом месте
id, class (идентификаторы документа)lang (язык), dir (направление текста)title (название элемента)style (инлайн-стиль)disabled (недоступен)onclick, ondblclick onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup (OPTGROUP могут быть вложенными). Это позволит авторам определять возможность более сложного выбора.<!ELEMENT OPTION - O (#PCDATA) -- опции выбора --> <!ATTLIST OPTION %attrs; -- %coreattrs, %i18n, %events -- selected (selected) #ПРЕДПОЛАГАЕТСЯ disabled (disabled) #ПРЕДПОЛАГАЕТСЯ -- недоступен в данном контексте -- label %Text; #ПРЕДПОЛАГАЕТСЯ -- для использования в иерархических меню -- value CDATA #ПРЕДПОЛАГАЕТСЯ -- значения по умолчанию для содержимого элемента -- >
Определения атрибутов элемента OPTION
selected [CI]
Если установлен, этот
value =
Определяет начальное значение OPTION.
label = text [CS]
Позволяет авторам определить более короткий OPTION. Если определён, ПА должен использовать значение этого атрибута вместо содержимого элемента OPTION в качестве
Атрибуты, определённые в другом месте
id, class (идентификаторы документа)lang (язык), dir (направление текста)title (название элемента)style (инлайн-стиль)disabled (недоступен)onclick, ondblclick onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup (При рассмотрении выбора опции label элемента OPTION в качестве выбора. Если этот атрибут не установлен, ПА должен использовать содержимое элемента OPTION.
Атрибут label элемента OPTGROUP определяет
В следующем примере создаётся size устанавливает, что видны только 4 ряда
После SELECT идут
<FORM action="http://somesite.com/prog/component-select" method="post">
<P>
<SELECT multiple size="4" name="component-select">
<OPTION selected value="Component_1_a">Component_1</OPTION>
<OPTION selected value="Component_1_b">Component_2</OPTION>
<OPTION>Component_3</OPTION>
<OPTION>Component_4</OPTION>
<OPTION>Component_5</OPTION>
<OPTION>Component_6</OPTION>
<OPTION>Component_7</OPTION>
</SELECT>
<INPUT type="submit" value="Send"><INPUT type="reset">
</P>
</FORM>
Только выбранные опции будут действующими (используя имя "component-select" ). Если ни одна опция не выбрана, value установлен, он определяет начальное значение
В этом примере использован элемент OPTGROUP для группирования опций. Следующая разметка:
<FORM action="http://somesite.com/prog/someprog" method="post">
<P>
<SELECT name="ComOS">
<OPTION selected label="none" value="none">None</OPTION>
<OPTGROUP label="PortMaster 3">
<OPTION label="3.7.1" value="pm3_3.7.1">PortMaster 3 with ComOS 3.7.1</OPTION>
<OPTION label="3.7" value="pm3_3.7">PortMaster 3 with ComOS 3.7</OPTION>
<OPTION label="3.5" value="pm3_3.5">PortMaster 3 with ComOS 3.5</OPTION>
</OPTGROUP>
<OPTGROUP label="PortMaster 2">
<OPTION label="3.7" value="pm2_3.7">PortMaster 2 with ComOS 3.7</OPTION>
<OPTION label="3.5" value="pm2_3.5">PortMaster 2 with ComOS 3.5</OPTION>
</OPTGROUP>
<OPTGROUP label="IRX">
<OPTION label="3.7R" value="IRX_3.7R">IRX with ComOS 3.7R</OPTION>
<OPTION label="3.5R" value="IRX_3.5R">IRX with ComOS 3.5R</OPTION>
</OPTGROUP>
</SELECT>
</FORM>
представляет такую группировку:
None
PortMaster 3
3.7.1
3.7
3.5
PortMaster 2
3.7
3.5
IRX
3.7R
3.5R
Визуальные ПА могут позволять пользователям выбирать из группы опций иерархического
Графический ПА может представить это так:
Этот рисунок показывает элемент SELECT как выпадающее OPTGROUP или OPTION.
<!ELEMENT TEXTAREA - - (#PCDATA) -- многострочное текстовое поле --> <!ATTLIST TEXTAREA %attrs; -- %coreattrs, %i18n, %events -- name CDATA #ПРЕДПОЛАГАЕТСЯ rows NUMBER #НЕОБХОДИМ cols NUMBER #НЕОБХОДИМ disabled (disabled) #ПРЕДПОЛАГАЕТСЯ -- недоступен в данном контексте -- readonly (readonly) #ПРЕДПОЛАГАЕТСЯ tabindex NUMBER #ПРЕДПОЛАГАЕТСЯ -- позиция при табуляции -- accesskey %Character; #ПРЕДПОЛАГАЕТСЯ -- символ быстрого доступа -- onfocus %Script; #ПРЕДПОЛАГАЕТСЯ -- элемент получил фокус -- onblur %Script; #ПРЕДПОЛАГАЕТСЯ -- элемент потерял фокус -- onselect %Script; #ПРЕДПОЛАГАЕТСЯ -- некоторый текст выделен -- onchange %Script; #ПРЕДПОЛАГАЕТСЯ -- значение элемента изменено -- >
Определения атрибутов
name =
Устанавливает имя элемента.
rows = number [CN]
Количество видимых строк. Пользователь может вводить большее число строк, поэтому ПА должен предоставить возможность прокрутки содержимого элемента, если оно выходит за пределы зоны видимости.
cols = number [CN]
Определяет видимую ширину, измеряемую в
Атрибуты, определённые в другом месте
id, class (информация о документе)lang (язык), dir (направление текста)title (название элемента)style (инлайн-стиль)readonly ( disabled (недоступен)tabindex (табуляция)onfocus, onblur, onselect, onchange onclick, ondblclick onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup (Элемент
В этом примере создаётся
<FORM action="http://somesite.com/prog/text-read" method="post"> <P> <TEXTAREA name="thetext" rows="20" cols="80"> Первая строка начального текста. Вторая строка начального текста. </TEXTAREA> <INPUT type="submit" value="Send"><INPUT type="reset"> </P> </FORM>
Установка атрибута readonly позволяет отображать в
Это отличается от использования стандартного текста разметки в документе, поскольку значение
ISINDEX не рекомендуется. Этот элемент создаёт однострочное окно для ввода текста. Авторы должны использовать элемент INPUT для создания элементов для ввода текста.
См. формальное определение: Переходное ОТД/Transitional DTD.
Определение атрибута
prompt = text [CS]
Не рекомендуется. Этот атрибут определяет строку промпта для текстового поля.
Атрибуты, определённые в другом месте
id, class (идентификаторы документа)lang (язык), dir (направление текста)title (название элемента)style (инлайн-стиль)Элемент ISINDEX создаёт однострочный prompt как название промпта.
НЕ РЕКОМЕНДУЕТСЯ: Следующее объявление <ISINDEX prompt="Введите Ваш текст для поиска: "> можно переписать для <FORM action="..." method="post"> <P>Введите Ваш текст для поиска: <INPUT type="text"></P> </FORM> |
ISINDEX определяется хорошо, если только URI документа является HTTP URI. На практике строка ввода ограничивается набором Некоторые
Для value как строку
Элемент LABEL используется для определения
<!ELEMENT LABEL - - (%inline;)* -(LABEL) -- текст лэйбла элемента формы --> <!ATTLIST LABEL %attrs; -- %coreattrs, %i18n, %events -- for IDREF #ПРЕДПОЛАГАЕТСЯ -- соответствует значению ID поля -- accesskey %Character; #ПРЕДПОЛАГАЕТСЯ -- символ быстрого доступа -- onfocus %Script; #ПРЕДПОЛАГАЕТСЯ -- элемент получил фокус -- onblur %Script; #ПРЕДПОЛАГАЕТСЯ -- элемент потерял фокус -- >
Определение атрибутов
for =
Этот атрибут явно ассоциирует id другого
Атрибуты, определённые в другом месте
id, class (идентификаторы документа)lang (язык), dir (направление текста)title (название элемента)style (название стиля)accesskey ( onfocus, onblur, onclick, ondblclick onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup (Элемент LABEL может использоваться для присоединения информации к LABEL ассоциирован только с одним
Атрибут for явно ассоциирует for должно быть тем же, что и атрибута id ассоциированного
Более чем один LABEL может быть ассоциирован с элементом путём создания множественных ссылок атрибута for.
В этом примере создаётся таблица, для выравнивания двух
<FORM action="..." method="post">
<TABLE>
<TR>
<TD><LABEL for="fname">First Name</LABEL>
<TD><INPUT type="text" name="firstname" id="fname">
<TR>
<TD><LABEL for="lname">Last Name</LABEL>
<TD><INPUT type="text" name="lastname" id="lname">
</TABLE>
</FORM>
Этот пример дополняет предыдущий включением элементов LABEL:
<FORM action="http://somesite.com/prog/adduser" method="post">
<P>
<LABEL for="firstname">First name: </LABEL>
<INPUT type="text" id="firstname"><BR>
<LABEL for="lastname">Last name: </LABEL>
<INPUT type="text" id="lastname"><BR>
<LABEL for="email">email: </LABEL>
<INPUT type="text" id="email"><BR>
<INPUT type="radio" name="sex" value="Male"> Male<BR>
<INPUT type="radio" name="sex" value="Female"> Female<BR>
<INPUT type="submit" value="Send"> <INPUT type="reset">
</P>
</FORM>
Чтобы ассоциировать LABEL. В этом случае LABEL может содержать только один
В этом примере мы неявно ассоциируем два
<FORM action="..." method="post"> <P> <LABEL> First Name <INPUT type="text" name="firstname"> </LABEL> <LABEL> <INPUT type="text" name="lastname"> Last Name </LABEL> </P> </FORM>
Учтите, что эта техника не может использоваться, если для вывода используется таблица, и
Если LABEL получает
<!-- #PCDATA здесь решает проблему смешанного содержимого, по спецификации здесь допустимы только пробелы! --> <!ELEMENT FIELDSET - - (#PCDATA,LEGEND,(%flow;)*) -- группа ЭУ --> <!ATTLIST FIELDSET %attrs; -- %coreattrs, %i18n, %events -- > <!ELEMENT LEGEND - - (%inline;)* -- "легенда" набора полей --> <!ATTLIST LEGEND %attrs; -- %coreattrs, %i18n, %events -- accesskey %Character; #ПРЕДПОЛАГАЕТСЯ -- символ быстрого доступа -- >
Определение атрибута элемента LEGEND
align = top|bottom|left|right [CI]
Не рекомендуется. Этот атрибут определяет позицию "легенды" в том, что касается набора полей. Возможные значения:
top: "Легенда" находится сверху над набором полей. Это значение по умолчанию.bottom: "Легенда" находится под набором полей.left: "Легенда" находится слева от набора полей.right: "Легенда" находится справа от набора полей.Атрибуты, определённые в другом месте
id, class (идентификаторы документа)lang (язык), dir (направление текста)title (название элемента)style (название стиля)accesskey ( onclick, ondblclick onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup (Элемент FIELDSET позволяет тематически группировать
Элемент FIELDSET. "Легенда" улучшает FIELDSET просматривается невизуально.
В этом примере мы создаём
<FORM action="..." method="post">
<P>
<FIELDSET>
<LEGEND>Персональная информация</LEGEND>
Фамилия: <INPUT name="personal_lastname" type="text" tabindex="1">
Имя: <INPUT name="personal_firstname" type="text" tabindex="2">
Адрес: <INPUT name="personal_address" type="text" tabindex="3">
...другая информация...
</FIELDSET>
<FIELDSET>
<LEGEND>История болезни</LEGEND>
<INPUT name="history_illness"
type="checkbox"
value="Smallpox" tabindex="20"> Оспа
<INPUT name="history_illness"
type="checkbox"
value="Mumps" tabindex="21"> Свинка
<INPUT name="history_illness"
type="checkbox"
value="Dizziness" tabindex="22"> Головокружение
<INPUT name="history_illness"
type="checkbox"
value="Sneezing" tabindex="23"> Кашель
...другие данные...
</FIELDSET>
<FIELDSET>
<LEGEND>Текущее лечение</LEGEND>
Лечитесь ли Вы сейчас?
<INPUT name="medication_now"
type="radio"
value="Yes" tabindex="35">Да
<INPUT name="medication_now"
type="radio"
value="No" tabindex="35">Нет
Если Вы лечитесь, укажите ниже, как:
<TEXTAREA name="current_medication"
rows="20" cols="50"
tabindex="40">
</TEXTAREA>
</FIELDSET>
</FORM>
Заметьте, что в этом примере мы могли улучшить представление FIELDSET (с помощью таблиц стилей), изменив цвета и шрифты (с помощью таблиц стилей), добавив скрипты (т.е., чтобы открыть только "Текущее лечение", если пользователь укажет, что он/она лечится в данный момент) и т.д.
Элемент в документе HTML должен получить A, чтобы перейти по ней. Так же необходимо передать
Существует несколько способов передачи
Определение атрибута
tabindex = number [CN]
Определяет позицию элемента в
Элементы, которые могут получать
tabindex, и имеющие для него положительное значение, перебираются в первую очередь. Навигация проходит от элемента с наименьшим значением tabindex к элементу с наибольшим значением. Значения могут не быть непрерывной последовательностью или начинаться каким то определённым значением. Элементы, имеющие одинаковые значения tabindex, должны перебираться в том порядке, в котором они появляются в потоке tabindex или поддерживающие его и устанавливающие значение "0", считаются текстом. Эти элементы перебираются в порядке, в котором они следуют в потоке Следующие элементы поддерживают атрибут tabindex: A, AREA, BUTTON, INPUT, OBJECT, SELECT и
В этом примере BUTTON, элементы INPUT по порядку (заметьте, что "field1" и кнопка разделяют один индекс табуляции, но "field1" появляется позже в потоке A.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<HTML>
<HEAD>
<TITLE>A document with FORM</TITLE>
</HEAD>
<BODY>
...некоторый текст...
<P>Go to the
<A tabindex="10" href="http://www.w3.org/">W3C Web site.</A>
...ещё...
<BUTTON type="button" name="get-database"
tabindex="1" onclick="get-database">
Get the current database.
</BUTTON>
...ещё...
<FORM action="..." method="post">
<P>
<INPUT tabindex="1" type="text" name="field1">
<INPUT tabindex="2" type="text" name="field2">
<INPUT tabindex="3" type="submit" name="submit">
</P>
</FORM>
</BODY>
</HTML>
Клавиши табуляции. Реальная последовательность клавиш, вызывающая
ПА должны также определять последовательность клавиш для навигации в обратную сторону. Если достигнут конец (или начало) ряда табуляции, ПА должен "зацикливаться" на начало (или конец).
Определение атрибута
accesskey = символ/character [CN]
Устанавливает клавишу быстрого доступа к элементу. Клавиша доступа - это одиночный
Нажатие клавиши доступа, назначенной элементу, передаёт A, ПА обычно переходит по ссылке. Если пользователь активизирует
Следующие элементы поддерживают атрибут accesskey: A, AREA, BUTTON, INPUT, LABEL,
В следующем примере клавиша доступа "U" устанавливается для INPUT. Нажатие клавиши доступа передаёт INPUT.
<FORM action="..." method="post"> <P> <LABEL for="fuser" accesskey="U"> User Name </LABEL> <INPUT type="text" name="user" id="fuser"> </P> </FORM>
В следующем примере мы устанавливаем клавишу доступа гиперссылке, определённой элементом A. Нажатие клавиши переводит пользователя к другому документу, в данном случае - к оглавлению.
<P><A accesskey="C"
rel="contents"
href="http://someplace.com/specification/contents.html">
Table of Contents</A>
Вызов быстрых клавиш зависит от операционной системы. Например, на машинах с MS Windows обычно нужно нажимать "alt" одновременно с клавишей доступа. В системе Apple - "cmd" одновременно с клавишей доступа.
Отображение клавиш доступа зависит от ПА. Мы рекомендуем, чтобы авторы включали клавиши доступа в
В тех случаях, когда ввод данных пользователем не нужен или не желателен, важно иметь возможность делать
Определение атрибута
disabled [CI]
Если установлен для
Установленный атрибут disabled действует на
Следующие disabled: BUTTON, INPUT, OPTGROUP, OPTION, SELECT и
Этот атрибут наследуется, но локальное объявление переопределяет наследуемое значение.
То, как
В данном примере элемент INPUT недоступен. Таким образом, он не может принимать ввод пользователя, и его значение не будет отправлено вместе с
<INPUT disabled name="fred" value="stone">
disabled динамически - использование скриптов.Определение атрибута
readonly [CI]
Если установлен, этот
Атрибут readonly определяет, может ли
Если установлен, атрибут readonly действует на элемент следующим образом:
Следующие readonly: INPUT и
То, как
readonly динамически - использование скриптов.Этот раздел разъясняет, как ПА отправляет
Атрибут method элемента FORM определяет метод HTTP, используемый для отправки
post : методом " post " HTTP Метод " нужно использовать, если " .
Если сервис, ассоциированный с обработчиком " .
" get " ограничивает " post " (с enctype=" multipart/form-data " ) специфицирован для использования с полным набором FORM и должен иметь имя
В то же время:
name, только "on/включённая" SELECT, а значения предоставляются элементом OPTION. только выбранная опция может быть действующей. Если ни одна опция не выбрана, Если
Также ПА не должны рассматривать следующие
OBJECT, чей атрибут declare <FORM action="..." method="post">
<P>
<INPUT type="password" style="display:none"
name="invisible-password"
value="mypassword">
</FORM>
создаёт значение в паре с ", которое отправляется вместе с
Если пользователь отправил
enctype элемента FORM.
Наконец кодированные данные пересылаются обработчику, определённому в атрибуте action с использованием протокола, указанного в атрибуте method.
Данная спецификация не определяет все соответствующие методы отправки или
" application/x-www-form-urlencoded ". Затем ПА перенаправляет всё по гиперссылке на этот URI. В этом сценарии данные method - " post " и action - HTTP URI, ПА проводит транзакцию HTTP " post ", используя значение атрибута action и сообщение, созданное в соответствии с enctype.Для любых других значений action или method поведение не определено.
ПА должен уметь принять ответ от транзакций HTTP " и " .
Атрибут enctype элемента FORM определяет
См. раздел об использовании escape-последовательностей для обозначения амперсандов в значениях атрибутов URI.
application/x-www-form-urlencoded
Это
Имена + ', и затем зарезервированные
Неалфавитные
= ' и пары имя/значение отделены друг от друга знаком ' multipart/form-data
Примечание. См. в [RFC2388] информацию о подгрузке файлов, включая проблемы " и другими
Пожалуйста, прочтите дополнительно о проблемах безопасности в формах.
" недостаточно для пересылки большого объёма данных бинарного типа или текста, содержащего не-ASCII " должен использоваться для отправки
Содержимое " следует правилам всех составных " можно найти в регистре [IANA].
Сообщение " содержит несколько частей, каждая из которых представляет
Как и все многочастные типы "Content-Type", который по умолчанию содержит "text/plain". ПА должны предоставлять заголовок "Content-Type" вместе с параметром "charset".
Каждая часть должна содержать:
"Content-Disposition", значением которого является "form-data".name, определяющий имя соответствующего Таким образом, для
Content-Disposition: form-data; name="mycontrol"
Как и в других передачах
Каждая часть может кодироваться, и заголовок "Content-Transfer-Encoding" предоставляется, если значение этой части не соответствует кодировке по умолчанию(7BIT) (см. [RFC2045], раздел 6)
Если содержимое файла отправляется с "application/ ). Если несколько файлов возвращено как результат единого ввода "multipart/, внедрённые в " .
ПА должен попытаться предоставить имя для каждого пересылаемого файла. Имя файла может быть определено параметром "filename" в заголовке 'Content-Disposition: form-data' или, в случае с нескольким 'Content-Disposition: file' подраздела. Если имя файла клиентской операционной системы не-US-ASCII, имя файла может быть приближено или кодировано с использованием метода [RFC2045]. Это подходит для всех тех случаев, когда, например, подгруженные файлы могут содержать ссылку друг на друга (напр., TeX файл и его ".sty" - дополнительное описание стиля).
Следующий пример иллюстрирует кодирование " . Предположим, у нас есть такая
<FORM action="http://server.com/cgi/handle"
enctype="multipart/form-data"
method="post">
<P>
Как Вас зовут? <INPUT type="text" name="submit-name"><BR>
Какие файлы Вы послали? <INPUT type="file" name="files"><BR>
<INPUT type="submit" value="Send"> <INPUT type="reset">
</FORM>
Если пользователь вводит "Larry" в окне ввода текста и выделяет текстовый файл "file1.txt", ПА может выслать обратно следующие данные:
Content-Type: multipart/form-data; boundary=AaB03x --AaB03x Content-Disposition: form-data; name="submit-name" Larry --AaB03x Content-Disposition: form-data; name="files"; filename="file1.txt" Content-Type: text/plain ... содержимое файла file1.txt ... --AaB03x--
Если пользователь выделит второй (image) файл "file2.gif", ПА может создать части так:
Content-Type: multipart/form-data; boundary=AaB03x --AaB03x Content-Disposition: form-data; name="submit-name" Larry --AaB03x Content-Disposition: form-data; name="files" Content-Type: multipart/mixed; boundary=BbC04y --BbC04y Content-Disposition: file; filename="file1.txt" Content-Type: text/plain ... содержимое файла file1.txt ... --BbC04y Content-Disposition: file; filename="file2.gif" Content-Type: image/gif Content-Transfer-Encoding: binary ...содержимое файла file2.gif... --BbC04y-- --AaB03x--
Пользователи обычно "заполняют"
Вот пример простой
<FORM action="http://somesite.com/prog/adduser" method="post">
<P>
<LABEL for="firstname">First name: </LABEL>
<INPUT type="text" id="firstname"><BR>
<LABEL for="lastname">Last name: </LABEL>
<INPUT type="text" id="lastname"><BR>
<LABEL for="email">email: </LABEL>
<INPUT type="text" id="email"><BR>
<INPUT type="radio" name="sex" value="Male"> Male<BR>
<INPUT type="radio" name="sex" value="Female"> Female<BR>
<INPUT type="submit" value="Send"> <INPUT type="reset">
</P>
</FORM>
Пользователь взаимодействует с
Имя name. Областью видимости атрибута name FORM.
Каждый value OBJECT в
"Текущее значение\current value"
Начальное значение
Если
При отправке
HTML определяет следующие типы
кнопки
Авторы могут создавать кнопки трёх типов:
Автор должен указать язык сценария META ).
Авторы создают кнопки, используя BUTTON, или INPUT. См. определение этих
BUTTON богаче, чем у INPUT.переключатели/checkboxes
Переключатели (и checked
Несколько переключателей в INPUT используется для создания переключателей.
radio-кнопки
INPUT используется для создания
Если ни одна
Примечание. Поскольку существующие приложения обрабатывают эту ситуацию по-разному, данная спецификация отличается от
В определённый момент времени только одна <INPUT> набора 'CHECKED' ), тогда ПА обязан вначале включить первую из кнопок набора.
Поскольку поведение ПА различно, авторы должны убедиться, что в каждом наборе
меню
SELECT создаёт OPTGROUP и OPTION.
текстовые поля
Авторы могут создавать поля для ввода текста двух видов. Элемент INPUT создаёт однострочный
выбор файла/file select
INPUT используется для создания
hidden control/скрытый ЭУ
Авторы могут создавать невидимые INPUT используется для создания
ЭУ object
Авторы могут вставлять в OBJECT.
Элементы, используемые для создания FORM, но могут также находиться и вне объявления элемента FORM, если используются для создания пользовательского интерфейса. Этот вопрос рассматривается в разделе
<!ELEMENT FORM - - (%block;|SCRIPT)+ -(FORM) -- интерактивная форма --> <!ATTLIST FORM %attrs; -- %coreattrs, %i18n, %events -- action %URI; #НЕОБХОДИМ -- обработчик на стороне сервера -- method (GET|POST) GET -- HTTP метод отправки формы-- enctype %ContentType; "application/x-www-form-urlencoded" accept %ContentTypes; #ПРЕДПОЛАГАЕТСЯ -- список типов MIME для загрузки файлов -- name CDATA #ПРЕДПОЛАГАЕТСЯ -- имя формы (для скриптов) -- onsubmit %Script; #ПРЕДПОЛАГАЕТСЯ -- событие: форма отправлена -- onreset %Script; #ПРЕДПОЛАГАЕТСЯ -- событие: форма очищена -- accept-charset %Charsets; #ПРЕДПОЛАГАЕТСЯ -- список поддерживаемых наборов символов -- >
Определения атрибутов
action = uri [CT]
Определяет обработчик
method =
Определяет, какой метод HTTP используется для отправки " (по умолчанию) и " . См. родственную информацию в разделе отправка формы.
enctype = content-type [CI]
Определяет method 'a - " ). Значением по умолчанию этого атрибута является " . Значение " должно использоваться в комбинации с элементом INPUT, type="file".
Определяет список кодировок для вводимых данных, принимаемых сервером, обрабатывающим данную
Значением по умолчанию этого атрибута является зарезервированная строка "UNKNOWN".
ПА могут интерпретировать это значение как кодировку FORM.
Определяет список разделённых запятыми INPUT с type="file" ).
name =
Этот атрибут именует элементы таким образом, что на них можно ссылаться из таблицы стилей или скрипта (сценария).
id для идентификации элементов.Атрибуты, определённые в другом месте
id, class (идентификаторы документа)lang (язык), dir (направление текста)style (инлайн-стиль)title (название элемента)target (onsubmit, onreset, onclick, ondblclick onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup (Элемент FORM действует как контейнер для
action ). Программа должна разбирать пары имя/значение для их последующего использования.method ).Кодировку
ПА должны уведомлять пользователя о значении атрибута
В следующем примере показана
" .
<FORM action="http://somesite.com/prog/adduser" method="post"> ...содержимое формы... </FORM>
См. раздел отправка формы о том, как ПА должны готовить данные
<!ENTITY % InputType "(TEXT | PASSWORD | CHECKBOX | RADIO | SUBMIT | RESET | FILE | HIDDEN | IMAGE | BUTTON)" > <!-- имя атрибута name требуется для всех, кроме submit и reset --> <!ELEMENT INPUT - O EMPTY -- ЭУ формы --> <!ATTLIST INPUT %attrs; -- %coreattrs, %i18n, %events -- type %InputType; TEXT -- тип ЭУ -- name CDATA #ПРЕДПОЛАГАЕТСЯ -- отправляется как часть формы -- value CDATA #ПРЕДПОЛАГАЕТСЯ -- для radio-кнопок и переключателей -- checked (checked) #ПРЕДПОЛАГАЕТСЯ -- для radio-кнопок и переключателей -- disabled (disabled) #ПРЕДПОЛАГАЕТСЯ -- недоступен в данном контексте -- readonly (readonly) #ПРЕДПОЛАГАЕТСЯ -- для text и passwd -- size CDATA #ПРЕДПОЛАГАЕТСЯ -- специфичен для каждого типа поля -- maxlength NUMBER #ПРЕДПОЛАГАЕТСЯ -- максимальное к-во символов для полей text -- src %URI; #ПРЕДПОЛАГАЕТСЯ -- для полей с изображениями -- alt CDATA #ПРЕДПОЛАГАЕТСЯ -- краткое описание -- usemap %URI; #ПРЕДПОЛАГАЕТСЯ -- использовать клиентские карты изображений -- ismap (ismap) #ПРЕДПОЛАГАЕТСЯ -- использовать серверные карты изображений -- tabindex NUMBER #ПРЕДПОЛАГАЕТСЯ -- позиция в порядке табуляции -- accesskey %Character; #ПРЕДПОЛАГАЕТСЯ -- символ быстрого доступа -- onfocus %Script; #ПРЕДПОЛАГАЕТСЯ -- элемент получил фокус -- onblur %Script; #ПРЕДПОЛАГАЕТСЯ -- элемент потерял фокус -- onselect %Script; #ПРЕДПОЛАГАЕТСЯ -- текст был выделен -- onchange %Script; #ПРЕДПОЛАГАЕТСЯ -- значение элемента было изменено -- accept %ContentTypes; #ПРЕДПОЛАГАЕТСЯ -- список типов MIME для загрузки файлов -- >
Определения атрибутов
type = text|password|
Определяет тип создаваемого "text".
name =
Имя
value =
Начальное значение type не имеет значение " или " .
size =
Сообщает type имеет значение "text" или "password". В этом случае значение атрибута - (integer) целое число
maxlength = number [CN]
Если атрибут type имеет значение "text" или "password", этот атрибут определяет максимальное количество size ). В этом случае ПА должен предоставить возможность прокрутки. По умолчанию значением этого атрибута является неограниченное количество.
checked [CI]
Если атрибут type имеет значение " или " , данный
src = uri [CT]
Если атрибут type имеет значение "image", этот атрибут устанавливает место нахождения изображения, используемого в качестве
Атрибуты, определённые в другом месте
id, class (идентификаторы документа)lang (язык), dir (направление текста)title (название элемента)style (инлайн-стиль)alt (align (выравнивание)accept readonly ( disabled (недоступен)tabindex (позиция при табуляции)accesskey ( usemap (клиентская ismap (серверная onfocus, onblur, onselect, onchange onclick, ondblclick onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup (Тип INPUT, зависит от значения атрибута type:
text
Однострочный
password
Как "text", но вводимый текст изображается так, чтобы скрыть вводимые
checkbox
Создаёт переключатель.
radio
Создаёт
submit
Создаёт
image
Создаёт src определяет URI изображения, служащего для украшения кнопки. Из соображений alt.
Если для щелчка на кнопке image используется указательное устройство (мышь и т.п.), Х измеряется в пикселах от левого края изображения, а значение У - в пикселах от верхнего края изображения. Отправленные данные включают значения name.x=x-value и name.y=y-value, где "name" это значение атрибута name, а x-value и y-value это значения координат x и y соответственно.
Если сервер выполняет разные действия в зависимости от места нажатия на элементе, пользователи неграфических браузеров окажутся в затруднительном положении. По этим причинам авторы должны предусматривать дополнительные варианты:
reset
Создаёт
button
Создаёт value как
hidden
Создаёт элемент hidden.
file
Создаёт ЭУ file select. ПА могут использовать значение атрибута value как имя файла по умолчанию.
Следующий фрагмент HTML определяет простую action.
<FORM action="http://somesite.com/prog/adduser" method="post"> <P> First name: <INPUT type="text" name="firstname"><BR> Last name: <INPUT type="text" name="lastname"><BR> email: <INPUT type="text" name="email"><BR> <INPUT type="radio" name="sex" value="Male"> Male<BR> <INPUT type="radio" name="sex" value="Female"> Female<BR> <INPUT type="submit" value="Send"> <INPUT type="reset"> </P> </FORM>
Эта
В разделе элемента LABEL мы обсуждаем установку
В этом примере, функция "onclick":
<HEAD>
<META http-equiv="Content-Script-Type" content="text/javascript">
</HEAD>
<BODY>
<FORM action="..." method="post">
<P>
<INPUT type="button" value="Click Me" onclick="verify()">
</FORM>
</BODY>
См. раздел внутренние события о сценариях и событиях.
В следующем примере показано, как содержимое определённого пользователем файла может пересылаться с enctype в " содержимое каждого файла упаковывается для отправки отдельным разделом составного документа.
<FORM action="http://server.dom/cgi/handle"
enctype="multipart/form-data"
method="post">
<P>
Ваше имя? <INPUT type="text" name="name_of_sender">
Какие файлы Вы отправляете? <INPUT type="file" name="name_of_files">
</P>
</FORM>
<!ELEMENT BUTTON - -
(%flow;)* -(A|%formctrl;|FORM|FIELDSET)
-- кнопка push -->
<!ATTLIST BUTTON
%attrs; -- %coreattrs, %i18n, %events --
name CDATA #ПРЕДПОЛАГАЕТСЯ
value CDATA #ПРЕДПОЛАГАЕТСЯ -- отсылается на сервер при отправке формы --
type (button|submit|reset) submit -- используется как кнопка формы --
disabled (disabled) #ПРЕДПОЛАГАЕТСЯ -- недоступен в этом контексте --
tabindex NUMBER #ПРЕДПОЛАГАЕТСЯ -- позиция при табуляции --
accesskey %Character; #ПРЕДПОЛАГАЕТСЯ -- символ быстрого доступа --
onfocus %Script; #ПРЕДПОЛАГАЕТСЯ -- элемент получил фокус --
onblur %Script; #ПРЕДПОЛАГАЕТСЯ -- элемент потерял фокус --
>
Определения атрибутов
name =
Определяет имя
value =
Устанавливает начальное значение кнопки.
type = submit|button|reset [CI]
Объявляет тип кнопки. Возможные значения:
submit: создаёт reset: создаёт button: создаёт Атрибуты, определённые в другом месте
id, class (идентификаторы документа)lang (язык), dir (направление текста)title (название элемента)style (инлайн-стиль)disabled (недоступен)accesskey ( tabindex (позиция при табуляции)onfocus, onblur, onclick, ondblclick onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup (Кнопки, созданные элементом BUTTON работают почти так же, как и кнопки, созданные элементом INPUT, но дают больше возможностей представления: элемент BUTTON может иметь содержимое. Например, элемент BUTTON, содержащий изображение, работает и может выглядеть как элемент INPUT, чей type установлен в "image", но элемент BUTTON может иметь содержимое.
Визуальные ПА могут представлять кнопку BUTTON с рельефом и смещением вверх/вниз при нажатии, в то время как они могут рассматривать кнопки INPUT только как "плоские" изображения.
Этот пример расширяет предыдущий, но создаёт BUTTON вместо INPUT. Кнопки содержат изображения так же, как элемент IMG.
<FORM action="http://somesite.com/prog/adduser" method="post"> <P> First name: <INPUT type="text" name="firstname"><BR> Last name: <INPUT type="text" name="lastname"><BR> email: <INPUT type="text" name="email"><BR> <INPUT type="radio" name="sex" value="Male"> Male<BR> <INPUT type="radio" name="sex" value="Female"> Female<BR> <BUTTON name="submit" value="submit" type="submit"> Send<IMG src="/icons/wow.gif" alt="wow"></BUTTON> <BUTTON name="reset" type="reset"> Reset<IMG src="/icons/oops.gif" alt="oops"></BUTTON> </P> </FORM>
Напоминаем, что авторы должны указывать IMG.
Недопустимо ассоциировать IMG, который является содержимым элемента BUTTON.
НЕВЕРНОЕ ИСПОЛЬЗОВАНИЕ: Это неверный HTML. <BUTTON> <IMG src="foo.gif" usemap="..."> </BUTTON> |
<!ELEMENT SELECT - - (OPTGROUP|OPTION)+ -- селектор опций --> <!ATTLIST SELECT %attrs; -- %coreattrs, %i18n, %events -- name CDATA #ПРЕДПОЛАГАЕТСЯ -- имя поля -- size NUMBER #ПРЕДПОЛАГАЕТСЯ -- видимые ряды -- multiple (multiple) #ПРЕДПОЛАГАЕТСЯ -- по умолчанию в одном выделении -- disabled (disabled) #ПРЕДПОЛАГАЕТСЯ -- недоступен в данном контексте -- tabindex NUMBER #ПРЕДПОЛАГАЕТСЯ -- позиция при табуляции -- onfocus %Script; #ПРЕДПОЛАГАЕТСЯ -- элемент получил фокус -- onblur %Script; #ПРЕДПОЛАГАЕТСЯ -- элемент потерял фокус -- onchange %Script; #ПРЕДПОЛАГАЕТСЯ -- значение элемента изменено -- >
Определения атрибутов элемента SELECT
name =
Устанавливает имя
size = number [CN]
Если элемент SELECT представлен в виде прокручиваемого списка, этот атрибут определяет количество видимых одновременно рядов в списке. Визуальные ПА не требуют представления элемента SELECT как прокручиваемого списка; они могут использовать для этого ниспадающее
multiple [CI]
При установке этот SELECT допускает выбор только одной позиции.
Атрибуты, определённые в другом месте
id, class (идентификаторы документа)lang (язык), dir (направление текста)title (название элемента)style (инлайн-стиль)disabled (недоступен)tabindex (табуляция)onclick, ondblclick onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup (Элемент SELECT создаёт OPTION. Элемент SELECT должен содержать не менее одного элемента OPTION.
Элемент OPTGROUP позволяет группировать опции логически. Это особенно удобно, когда пользователь должен выбрать из большого списка опций: группы связанных опций легче осмыслить и запомнить, чем один большой список опций. В HTML 4 все элементы OPTGROUP должны быть определены непосредственно в элементе SELECT (т.е. группы не могут быть вложенными).
Ноль или более опций могут быть предустановлены для пользователя. ПА должны определять, какая опция является предустановленной, следующим образом:
Если ни один элемент OPTION не имеет установленного атрибута selected, поведение ПА по определению предустановленной опции не определено.
Примечание. Поскольку существующие программы обрабатывают эту ситуацию по-разному, данная спецификация отличается от
Первоначально выбранной является опция 1, если только отсутствует атрибут SELECTED или любой из элементов <OPTION>.
Поскольку поведение ПА различно, авторы должны удостовериться, что каждое OPTION )по умолчанию.
OPTION имеет установленный атрибут selected, он должен быть предустановленным.SELECT имеет установленный атрибут multiple, и более чем один элемент OPTION имеет установленный атрибут selected, они все должны быть предустановлены.OPTION имеет установленный атрибут selected, и элемент SELECT не имеет установленного атрибута multiple. ПА могут по-разному обрабатывать такие <!ELEMENT OPTGROUP - - (OPTION)+ -- группа опций --> <!ATTLIST OPTGROUP %attrs; -- %coreattrs, %i18n, %events -- disabled (disabled) #ПРЕДПОЛАГАЕТСЯ -- недоступен в этом контексте -- label %Text; #НЕОБХОДИМ -- для использования в иерархическом меню -- >
Определение атрибута элемента OPTGROUP
label = text [CS]
Определяет
Атрибуты, определённые в другом месте
id, class (идентификаторы документа)lang (язык), dir (направление текста)title (название элемента)style (инлайн-стиль)disabled (недоступен)onclick, ondblclick onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup (OPTGROUP могут быть вложенными). Это позволит авторам определять возможность более сложного выбора.<!ELEMENT OPTION - O (#PCDATA) -- опции выбора --> <!ATTLIST OPTION %attrs; -- %coreattrs, %i18n, %events -- selected (selected) #ПРЕДПОЛАГАЕТСЯ disabled (disabled) #ПРЕДПОЛАГАЕТСЯ -- недоступен в данном контексте -- label %Text; #ПРЕДПОЛАГАЕТСЯ -- для использования в иерархических меню -- value CDATA #ПРЕДПОЛАГАЕТСЯ -- значения по умолчанию для содержимого элемента -- >
Определения атрибутов элемента OPTION
selected [CI]
Если установлен, этот
value =
Определяет начальное значение OPTION.
label = text [CS]
Позволяет авторам определить более короткий OPTION. Если определён, ПА должен использовать значение этого атрибута вместо содержимого элемента OPTION в качестве
Атрибуты, определённые в другом месте
id, class (идентификаторы документа)lang (язык), dir (направление текста)title (название элемента)style (инлайн-стиль)disabled (недоступен)onclick, ondblclick onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup (При рассмотрении выбора опции label элемента OPTION в качестве выбора. Если этот атрибут не установлен, ПА должен использовать содержимое элемента OPTION.
Атрибут label элемента OPTGROUP определяет
В следующем примере создаётся size устанавливает, что видны только 4 ряда
После SELECT идут
<FORM action="http://somesite.com/prog/component-select" method="post">
<P>
<SELECT multiple size="4" name="component-select">
<OPTION selected value="Component_1_a">Component_1</OPTION>
<OPTION selected value="Component_1_b">Component_2</OPTION>
<OPTION>Component_3</OPTION>
<OPTION>Component_4</OPTION>
<OPTION>Component_5</OPTION>
<OPTION>Component_6</OPTION>
<OPTION>Component_7</OPTION>
</SELECT>
<INPUT type="submit" value="Send"><INPUT type="reset">
</P>
</FORM>
Только выбранные опции будут действующими (используя имя "component-select" ). Если ни одна опция не выбрана, value установлен, он определяет начальное значение
В этом примере использован элемент OPTGROUP для группирования опций. Следующая разметка:
<FORM action="http://somesite.com/prog/someprog" method="post">
<P>
<SELECT name="ComOS">
<OPTION selected label="none" value="none">None</OPTION>
<OPTGROUP label="PortMaster 3">
<OPTION label="3.7.1" value="pm3_3.7.1">PortMaster 3 with ComOS 3.7.1</OPTION>
<OPTION label="3.7" value="pm3_3.7">PortMaster 3 with ComOS 3.7</OPTION>
<OPTION label="3.5" value="pm3_3.5">PortMaster 3 with ComOS 3.5</OPTION>
</OPTGROUP>
<OPTGROUP label="PortMaster 2">
<OPTION label="3.7" value="pm2_3.7">PortMaster 2 with ComOS 3.7</OPTION>
<OPTION label="3.5" value="pm2_3.5">PortMaster 2 with ComOS 3.5</OPTION>
</OPTGROUP>
<OPTGROUP label="IRX">
<OPTION label="3.7R" value="IRX_3.7R">IRX with ComOS 3.7R</OPTION>
<OPTION label="3.5R" value="IRX_3.5R">IRX with ComOS 3.5R</OPTION>
</OPTGROUP>
</SELECT>
</FORM>
представляет такую группировку:
None
PortMaster 3
3.7.1
3.7
3.5
PortMaster 2
3.7
3.5
IRX
3.7R
3.5R
Визуальные ПА могут позволять пользователям выбирать из группы опций иерархического
Графический ПА может представить это так:
Этот рисунок показывает элемент SELECT как выпадающее OPTGROUP или OPTION.
<!ELEMENT TEXTAREA - - (#PCDATA) -- многострочное текстовое поле --> <!ATTLIST TEXTAREA %attrs; -- %coreattrs, %i18n, %events -- name CDATA #ПРЕДПОЛАГАЕТСЯ rows NUMBER #НЕОБХОДИМ cols NUMBER #НЕОБХОДИМ disabled (disabled) #ПРЕДПОЛАГАЕТСЯ -- недоступен в данном контексте -- readonly (readonly) #ПРЕДПОЛАГАЕТСЯ tabindex NUMBER #ПРЕДПОЛАГАЕТСЯ -- позиция при табуляции -- accesskey %Character; #ПРЕДПОЛАГАЕТСЯ -- символ быстрого доступа -- onfocus %Script; #ПРЕДПОЛАГАЕТСЯ -- элемент получил фокус -- onblur %Script; #ПРЕДПОЛАГАЕТСЯ -- элемент потерял фокус -- onselect %Script; #ПРЕДПОЛАГАЕТСЯ -- некоторый текст выделен -- onchange %Script; #ПРЕДПОЛАГАЕТСЯ -- значение элемента изменено -- >
Определения атрибутов
name =
Устанавливает имя элемента.
rows = number [CN]
Количество видимых строк. Пользователь может вводить большее число строк, поэтому ПА должен предоставить возможность прокрутки содержимого элемента, если оно выходит за пределы зоны видимости.
cols = number [CN]
Определяет видимую ширину, измеряемую в
Атрибуты, определённые в другом месте
id, class (информация о документе)lang (язык), dir (направление текста)title (название элемента)style (инлайн-стиль)readonly ( disabled (недоступен)tabindex (табуляция)onfocus, onblur, onselect, onchange onclick, ondblclick onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup (Элемент
В этом примере создаётся
<FORM action="http://somesite.com/prog/text-read" method="post"> <P> <TEXTAREA name="thetext" rows="20" cols="80"> Первая строка начального текста. Вторая строка начального текста. </TEXTAREA> <INPUT type="submit" value="Send"><INPUT type="reset"> </P> </FORM>
Установка атрибута readonly позволяет отображать в
Это отличается от использования стандартного текста разметки в документе, поскольку значение
ISINDEX не рекомендуется. Этот элемент создаёт однострочное окно для ввода текста. Авторы должны использовать элемент INPUT для создания элементов для ввода текста.
См. формальное определение: Переходное ОТД/Transitional DTD.
Определение атрибута
prompt = text [CS]
Не рекомендуется. Этот атрибут определяет строку промпта для текстового поля.
Атрибуты, определённые в другом месте
id, class (идентификаторы документа)lang (язык), dir (направление текста)title (название элемента)style (инлайн-стиль)Элемент ISINDEX создаёт однострочный prompt как название промпта.
НЕ РЕКОМЕНДУЕТСЯ: Следующее объявление <ISINDEX prompt="Введите Ваш текст для поиска: "> можно переписать для <FORM action="..." method="post"> <P>Введите Ваш текст для поиска: <INPUT type="text"></P> </FORM> |
ISINDEX определяется хорошо, если только URI документа является HTTP URI. На практике строка ввода ограничивается набором Некоторые
Для value как строку
Элемент LABEL используется для определения
<!ELEMENT LABEL - - (%inline;)* -(LABEL) -- текст лэйбла элемента формы --> <!ATTLIST LABEL %attrs; -- %coreattrs, %i18n, %events -- for IDREF #ПРЕДПОЛАГАЕТСЯ -- соответствует значению ID поля -- accesskey %Character; #ПРЕДПОЛАГАЕТСЯ -- символ быстрого доступа -- onfocus %Script; #ПРЕДПОЛАГАЕТСЯ -- элемент получил фокус -- onblur %Script; #ПРЕДПОЛАГАЕТСЯ -- элемент потерял фокус -- >
Определение атрибутов
for =
Этот атрибут явно ассоциирует id другого
Атрибуты, определённые в другом месте
id, class (идентификаторы документа)lang (язык), dir (направление текста)title (название элемента)style (название стиля)accesskey ( onfocus, onblur, onclick, ondblclick onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup (Элемент LABEL может использоваться для присоединения информации к LABEL ассоциирован только с одним
Атрибут for явно ассоциирует for должно быть тем же, что и атрибута id ассоциированного
Более чем один LABEL может быть ассоциирован с элементом путём создания множественных ссылок атрибута for.
В этом примере создаётся таблица, для выравнивания двух
<FORM action="..." method="post">
<TABLE>
<TR>
<TD><LABEL for="fname">First Name</LABEL>
<TD><INPUT type="text" name="firstname" id="fname">
<TR>
<TD><LABEL for="lname">Last Name</LABEL>
<TD><INPUT type="text" name="lastname" id="lname">
</TABLE>
</FORM>
Этот пример дополняет предыдущий включением элементов LABEL:
<FORM action="http://somesite.com/prog/adduser" method="post">
<P>
<LABEL for="firstname">First name: </LABEL>
<INPUT type="text" id="firstname"><BR>
<LABEL for="lastname">Last name: </LABEL>
<INPUT type="text" id="lastname"><BR>
<LABEL for="email">email: </LABEL>
<INPUT type="text" id="email"><BR>
<INPUT type="radio" name="sex" value="Male"> Male<BR>
<INPUT type="radio" name="sex" value="Female"> Female<BR>
<INPUT type="submit" value="Send"> <INPUT type="reset">
</P>
</FORM>
Чтобы ассоциировать LABEL. В этом случае LABEL может содержать только один
В этом примере мы неявно ассоциируем два
<FORM action="..." method="post"> <P> <LABEL> First Name <INPUT type="text" name="firstname"> </LABEL> <LABEL> <INPUT type="text" name="lastname"> Last Name </LABEL> </P> </FORM>
Учтите, что эта техника не может использоваться, если для вывода используется таблица, и
Если LABEL получает
<!-- #PCDATA здесь решает проблему смешанного содержимого, по спецификации здесь допустимы только пробелы! --> <!ELEMENT FIELDSET - - (#PCDATA,LEGEND,(%flow;)*) -- группа ЭУ --> <!ATTLIST FIELDSET %attrs; -- %coreattrs, %i18n, %events -- > <!ELEMENT LEGEND - - (%inline;)* -- "легенда" набора полей --> <!ATTLIST LEGEND %attrs; -- %coreattrs, %i18n, %events -- accesskey %Character; #ПРЕДПОЛАГАЕТСЯ -- символ быстрого доступа -- >
Определение атрибута элемента LEGEND
align = top|bottom|left|right [CI]
Не рекомендуется. Этот атрибут определяет позицию "легенды" в том, что касается набора полей. Возможные значения:
top: "Легенда" находится сверху над набором полей. Это значение по умолчанию.bottom: "Легенда" находится под набором полей.left: "Легенда" находится слева от набора полей.right: "Легенда" находится справа от набора полей.Атрибуты, определённые в другом месте
id, class (идентификаторы документа)lang (язык), dir (направление текста)title (название элемента)style (название стиля)accesskey ( onclick, ondblclick onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup (Элемент FIELDSET позволяет тематически группировать
Элемент FIELDSET. "Легенда" улучшает FIELDSET просматривается невизуально.
В этом примере мы создаём
<FORM action="..." method="post">
<P>
<FIELDSET>
<LEGEND>Персональная информация</LEGEND>
Фамилия: <INPUT name="personal_lastname" type="text" tabindex="1">
Имя: <INPUT name="personal_firstname" type="text" tabindex="2">
Адрес: <INPUT name="personal_address" type="text" tabindex="3">
...другая информация...
</FIELDSET>
<FIELDSET>
<LEGEND>История болезни</LEGEND>
<INPUT name="history_illness"
type="checkbox"
value="Smallpox" tabindex="20"> Оспа
<INPUT name="history_illness"
type="checkbox"
value="Mumps" tabindex="21"> Свинка
<INPUT name="history_illness"
type="checkbox"
value="Dizziness" tabindex="22"> Головокружение
<INPUT name="history_illness"
type="checkbox"
value="Sneezing" tabindex="23"> Кашель
...другие данные...
</FIELDSET>
<FIELDSET>
<LEGEND>Текущее лечение</LEGEND>
Лечитесь ли Вы сейчас?
<INPUT name="medication_now"
type="radio"
value="Yes" tabindex="35">Да
<INPUT name="medication_now"
type="radio"
value="No" tabindex="35">Нет
Если Вы лечитесь, укажите ниже, как:
<TEXTAREA name="current_medication"
rows="20" cols="50"
tabindex="40">
</TEXTAREA>
</FIELDSET>
</FORM>
Заметьте, что в этом примере мы могли улучшить представление FIELDSET (с помощью таблиц стилей), изменив цвета и шрифты (с помощью таблиц стилей), добавив скрипты (т.е., чтобы открыть только "Текущее лечение", если пользователь укажет, что он/она лечится в данный момент) и т.д.
Элемент в документе HTML должен получить A, чтобы перейти по ней. Так же необходимо передать
Существует несколько способов передачи
Определение атрибута
tabindex = number [CN]
Определяет позицию элемента в
Элементы, которые могут получать
tabindex, и имеющие для него положительное значение, перебираются в первую очередь. Навигация проходит от элемента с наименьшим значением tabindex к элементу с наибольшим значением. Значения могут не быть непрерывной последовательностью или начинаться каким то определённым значением. Элементы, имеющие одинаковые значения tabindex, должны перебираться в том порядке, в котором они появляются в потоке tabindex или поддерживающие его и устанавливающие значение "0", считаются текстом. Эти элементы перебираются в порядке, в котором они следуют в потоке Следующие элементы поддерживают атрибут tabindex: A, AREA, BUTTON, INPUT, OBJECT, SELECT и
В этом примере BUTTON, элементы INPUT по порядку (заметьте, что "field1" и кнопка разделяют один индекс табуляции, но "field1" появляется позже в потоке A.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<HTML>
<HEAD>
<TITLE>A document with FORM</TITLE>
</HEAD>
<BODY>
...некоторый текст...
<P>Go to the
<A tabindex="10" href="http://www.w3.org/">W3C Web site.</A>
...ещё...
<BUTTON type="button" name="get-database"
tabindex="1" onclick="get-database">
Get the current database.
</BUTTON>
...ещё...
<FORM action="..." method="post">
<P>
<INPUT tabindex="1" type="text" name="field1">
<INPUT tabindex="2" type="text" name="field2">
<INPUT tabindex="3" type="submit" name="submit">
</P>
</FORM>
</BODY>
</HTML>
Клавиши табуляции. Реальная последовательность клавиш, вызывающая
ПА должны также определять последовательность клавиш для навигации в обратную сторону. Если достигнут конец (или начало) ряда табуляции, ПА должен "зацикливаться" на начало (или конец).
Определение атрибута
accesskey = символ/character [CN]
Устанавливает клавишу быстрого доступа к элементу. Клавиша доступа - это одиночный
Нажатие клавиши доступа, назначенной элементу, передаёт A, ПА обычно переходит по ссылке. Если пользователь активизирует
Следующие элементы поддерживают атрибут accesskey: A, AREA, BUTTON, INPUT, LABEL,
В следующем примере клавиша доступа "U" устанавливается для INPUT. Нажатие клавиши доступа передаёт INPUT.
<FORM action="..." method="post"> <P> <LABEL for="fuser" accesskey="U"> User Name </LABEL> <INPUT type="text" name="user" id="fuser"> </P> </FORM>
В следующем примере мы устанавливаем клавишу доступа гиперссылке, определённой элементом A. Нажатие клавиши переводит пользователя к другому документу, в данном случае - к оглавлению.
<P><A accesskey="C"
rel="contents"
href="http://someplace.com/specification/contents.html">
Table of Contents</A>
Вызов быстрых клавиш зависит от операционной системы. Например, на машинах с MS Windows обычно нужно нажимать "alt" одновременно с клавишей доступа. В системе Apple - "cmd" одновременно с клавишей доступа.
Отображение клавиш доступа зависит от ПА. Мы рекомендуем, чтобы авторы включали клавиши доступа в
В тех случаях, когда ввод данных пользователем не нужен или не желателен, важно иметь возможность делать
Определение атрибута
disabled [CI]
Если установлен для
Установленный атрибут disabled действует на
Следующие disabled: BUTTON, INPUT, OPTGROUP, OPTION, SELECT и
Этот атрибут наследуется, но локальное объявление переопределяет наследуемое значение.
То, как
В данном примере элемент INPUT недоступен. Таким образом, он не может принимать ввод пользователя, и его значение не будет отправлено вместе с
<INPUT disabled name="fred" value="stone">
disabled динамически - использование скриптов.Определение атрибута
readonly [CI]
Если установлен, этот
Атрибут readonly определяет, может ли
Если установлен, атрибут readonly действует на элемент следующим образом:
Следующие readonly: INPUT и
То, как
readonly динамически - использование скриптов.Этот раздел разъясняет, как ПА отправляет
Атрибут method элемента FORM определяет метод HTTP, используемый для отправки
post : методом " post " HTTP Метод " нужно использовать, если " .
Если сервис, ассоциированный с обработчиком " .
" get " ограничивает " post " (с enctype=" multipart/form-data " ) специфицирован для использования с полным набором FORM и должен иметь имя
В то же время:
name, только "on/включённая" SELECT, а значения предоставляются элементом OPTION. только выбранная опция может быть действующей. Если ни одна опция не выбрана, Если
Также ПА не должны рассматривать следующие
OBJECT, чей атрибут declare <FORM action="..." method="post">
<P>
<INPUT type="password" style="display:none"
name="invisible-password"
value="mypassword">
</FORM>
создаёт значение в паре с ", которое отправляется вместе с
Если пользователь отправил
enctype элемента FORM.
Наконец кодированные данные пересылаются обработчику, определённому в атрибуте action с использованием протокола, указанного в атрибуте method.
Данная спецификация не определяет все соответствующие методы отправки или
" application/x-www-form-urlencoded ". Затем ПА перенаправляет всё по гиперссылке на этот URI. В этом сценарии данные method - " post " и action - HTTP URI, ПА проводит транзакцию HTTP " post ", используя значение атрибута action и сообщение, созданное в соответствии с enctype.Для любых других значений action или method поведение не определено.
ПА должен уметь принять ответ от транзакций HTTP " и " .
Атрибут enctype элемента FORM определяет
См. раздел об использовании escape-последовательностей для обозначения амперсандов в значениях атрибутов URI.
application/x-www-form-urlencoded
Это
Имена + ', и затем зарезервированные
Неалфавитные
= ' и пары имя/значение отделены друг от друга знаком ' multipart/form-data
Примечание. См. в [RFC2388] информацию о подгрузке файлов, включая проблемы " и другими
Пожалуйста, прочтите дополнительно о проблемах безопасности в формах.
" недостаточно для пересылки большого объёма данных бинарного типа или текста, содержащего не-ASCII " должен использоваться для отправки
Содержимое " следует правилам всех составных " можно найти в регистре [IANA].
Сообщение " содержит несколько частей, каждая из которых представляет
Как и все многочастные типы "Content-Type", который по умолчанию содержит "text/plain". ПА должны предоставлять заголовок "Content-Type" вместе с параметром "charset".
Каждая часть должна содержать:
"Content-Disposition", значением которого является "form-data".name, определяющий имя соответствующего Таким образом, для
Content-Disposition: form-data; name="mycontrol"
Как и в других передачах
Каждая часть может кодироваться, и заголовок "Content-Transfer-Encoding" предоставляется, если значение этой части не соответствует кодировке по умолчанию(7BIT) (см. [RFC2045], раздел 6)
Если содержимое файла отправляется с "application/ ). Если несколько файлов возвращено как результат единого ввода "multipart/, внедрённые в " .
ПА должен попытаться предоставить имя для каждого пересылаемого файла. Имя файла может быть определено параметром "filename" в заголовке 'Content-Disposition: form-data' или, в случае с нескольким 'Content-Disposition: file' подраздела. Если имя файла клиентской операционной системы не-US-ASCII, имя файла может быть приближено или кодировано с использованием метода [RFC2045]. Это подходит для всех тех случаев, когда, например, подгруженные файлы могут содержать ссылку друг на друга (напр., TeX файл и его ".sty" - дополнительное описание стиля).
Следующий пример иллюстрирует кодирование " . Предположим, у нас есть такая
<FORM action="http://server.com/cgi/handle"
enctype="multipart/form-data"
method="post">
<P>
Как Вас зовут? <INPUT type="text" name="submit-name"><BR>
Какие файлы Вы послали? <INPUT type="file" name="files"><BR>
<INPUT type="submit" value="Send"> <INPUT type="reset">
</FORM>
Если пользователь вводит "Larry" в окне ввода текста и выделяет текстовый файл "file1.txt", ПА может выслать обратно следующие данные:
Content-Type: multipart/form-data; boundary=AaB03x --AaB03x Content-Disposition: form-data; name="submit-name" Larry --AaB03x Content-Disposition: form-data; name="files"; filename="file1.txt" Content-Type: text/plain ... содержимое файла file1.txt ... --AaB03x--
Если пользователь выделит второй (image) файл "file2.gif", ПА может создать части так:
Content-Type: multipart/form-data; boundary=AaB03x --AaB03x Content-Disposition: form-data; name="submit-name" Larry --AaB03x Content-Disposition: form-data; name="files" Content-Type: multipart/mixed; boundary=BbC04y --BbC04y Content-Disposition: file; filename="file1.txt" Content-Type: text/plain ... содержимое файла file1.txt ... --BbC04y Content-Disposition: file; filename="file2.gif" Content-Type: image/gif Content-Transfer-Encoding: binary ...содержимое файла file2.gif... --BbC04y-- --AaB03x--
Для получения официальных документов о завершении программы дополнительного профессионального образования (удостоверения о повышении квалификации, дипломов о профессиональной переподготовке и MBA) необходимо предоставить:
Внимание! Вы можете не заказывать доставку бумажной версии официального документы, а скачать его в электронном виде и распечатать самостоятельно. Информация о выданном документе в течение 1 месяца загружается в Федеральную информационную систему «Федеральный реестр сведений о документах об образовании и (или) о квалификации, документах об обучении» - ФИС ФРДО.
Доступ на новый сайт осуществляется с использованием адреса электронной почты, который был указан вами при регистрации на "старом". Мы постарались перенести все ваши данные с прежнего ресурса, однако не исключена вероятность потери части информации.
При возникновении проблемы со входом, воспользуйтесь функцией сброса пароля
Если вы обнаружите несоответствия, пожалуйста, сообщите нам.