Спецификация HTML 3.2

       

INPUT текстовые поля, радиокнопки, контрольные ящички, ...


Элементы INPUT не являются контейнерами, так что закрывающий тэг

использовать в этом случае не разрешается.

<!ENTITY % InputType "(TEXT | PASSWORD | CHECKBOX | RADIO | SUBMIT | RESET | FILE | HIDDEN | IMAGE)"> <!ELEMENT INPUT - O EMPTY> <!ATTLIST INPUT type %InputType TEXT -- what kind of widget is needed -- name CDATA #IMPLIED -- required for all but submit and reset -- value CDATA #IMPLIED -- required for radio and checkboxes -- checked (checked) #IMPLIED -- for radio buttons and check boxes -- size CDATA #IMPLIED -- specific to each type of field -- maxlength NUMBER #IMPLIED src %URL #IMPLIED -- for fields with background images -- align (top|middle|bottom|left|right) top -- image alignment -- >

type

Конкретизирует тип поля, используемого под ввод данных:

type=text (по умолчанию)

Создает поле ввода под одну строку текста, чей размер можно устанавливать

посредством атрибута (например атрибут

size=40 задает поле длиной, достаточной для прямого ввода 40-а символов).

При этом браузер должен предоставлять пользователю возможность ввести в подобное поле

строку текста, чей размер превышает указанный предел. На практике это должно

осуществляться посредством автоматического скроллинга текста, когда курсор выходит за

рамки видимого поля. Посредством атрибута

вы можете наложить уже настоящее ограничение на максимальное количество символов,

которое можно ввести в данное поле. Для присвоения некого имени данному полю может

использоваться атрибут , а атрибут


href="#value">value задает некую строку инициализации, которая при

загрузке документа будет изначально печататься в этом поле:

<input type=text size=40 name=user value="ваше имя">

type=password

В основном подобен атрибуту type=text, однако в данном случае вводимые символы

отображаются на экране в виде условных значков, таких как *. Делается это с тем, чтобы

скрыть текст от любопытных глаз при входе паролей с клавиатуры. Вы можете точно так

же, как и в случае обычных текстовых полей, воспользоваться атрибутами


href="#isize">size и для

наложения ограничений на количество символов, отображаемых на экране компьютера в

даном поле, и на фактическую длину вводимой строки текста:

<input type=password size=12 name=pw>

type=checkbox

Данный тип используется для ввода в заполняемую форму простых значений булевого

типа ("да"/"нет"), либо для ввода некой величины, которая одновременно может

характеризоваться по нескольким позициям. Последний вариант реализуется в форме в виде

нескольких полей - контрольных ящичков, имеющих один и тот же атрибут
href="#name">name и различные атрибуты
href="#value">value. Каждый активированный в ходе заполнения

контрольный ящичек генерирует отдельную пару "название/значение" в соответствующем

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

некоторого ящичка в состояние "активированно" используйте атрибут
href="#checked">checked.

<input type=checkbox checked name=uscitizen value=yes>

type=radio

Используется для ввода в форму некого параметра, являющегося результатом

однозначного выбора из определенного набора альтернатив. Последним при разметке

ставится в соответствие группа "радиокнопок", в каждую из которых должен быть записан

один и тот же атрибут . В радиокнопках

обязательно следует указывать также и атрибут .

При заполнении формы среди некой группы радиокнопок только активированная генерирует

пару "название/значение" в соответствующем поле данных. В каждой группе радиокнопок

одна должна быть изначально активирована посредством атрибута
href="#checked">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

Посредством этого типа создается кнопка, по которой пользователь может щелкнуть



клавишей мыши, желая предоставить содержимое формы на соответствующий сервер. Надпись

на кнопке задается с помощью атрибута . Если к

тому же задан атрибут , то в передаваемую на

сервер информацию дополнительно включается пара данных "название кнопки/значение". В

одну и ту же форму вы можете поместить несколько кнопок, инициирующих передачу данных.

См. в пункте type=image как создавать графический вариант для подобных

кнопок.

<input type=submit value="Принадлежность к ...">

type=image

Данный атрибут используется при создании графического образа для кнопок,

инициирующих передачу данных. URL для соответствующего изображения задается

посредством атрибута . Выравнивание картинки

осуществляется согласно значению атрибута . В

этом отношении графические изображения кнопок подобны элементам
href="#img">IMG, так что вы можете точно так же осуществлять их

выравнивание по правому, верхнему, нижнему краю, либо ставить их по центру. При

передаче данных серверу сообщаются координаты x и y той точки на изображении, где был

произведен щелчок клавишей мыши. При этом информация о поле типа image записывается в

виде двух пар значений "название/величина". "название" получается посредством

добавления к названию соответствующего поля image суффикса ".x" в случае абсциссы, и

".y" в случае ординаты:

<p>Теперь укажите точку на следующей карте:

<input type=image name=point src="map.gif">

Замечание: Воспроизведение графических полей обычно сопровождается

проблемами в случае с браузерами, работающими с текстовом режиме, и в случае

браузеров, имеющих речевой интерфейс!

type=reset

Посредством этого атрибута создается кнопка, по которой можно щелкнуть клавишей

мыши, чтобы вернуть все поля формы в исходное состояние, когда документ был еще только

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

воспользовавшись атрибутом . Информация о

кнопке перезагрузки никогда не включаются в набор сведений, пересылаемых на сервер



после заполнения формы.

<input type=reset value="Инициирует пере...">

type=file

Дает пользователям возможность дополнить содержимое текущей формы неким файлом.

При разметке этого элемента обычно создается поле для ввода текста, к которому

прилагается кнопка. Щелчок по этой кнопке приводит к раскрытию нового окошка, где

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

непосредственно в исходном текстовом поле. Точно так же, как и в случае type=text, вы

можете использовать здесь атрибут , чтобы выбрать

ширину данного поля формы (единицей измерения здесь служит средняя ширина символов).

Вы можете также установить верхний предел для длины вводимого имени файла посредством

атрибута . Некоторые браузеры имеют

возможность накладывать ограничения и на тип выбираемых файлов в соответствии со

списком в стиле MIME (через запятую), заданным в атрибуте ACCEPT.

Например, в случае accept="image/*", выбор файлов ограничен графическими

изображениями. Дополнительную информацию можно найти в .

<input type=file name=photo size=20 accept="image/*">

type=hidden

Поля, записываемые с этим атрибутом, не должны появляться на экране монитора, что

дает возможность размещать на серверах в рамках некой формы секретную информацию.

Когда заполненная форма предоставляется серверу, данная информация передается

посредством пары "название/величина", создаваемой соответствующими атрибутами. Данный

вопрос связан с безопасностью протокола HTTP. Другой подход к данной задаче связан с

использованием в рамках HTTP механизма "".

<input type=hidden name=customerid value="c2415-345-8563">

name

Используется при выборе названия для данного поля, которое впоследствии будет

использоваться для его идентифицикации во время передачи сведений на сервер.

value

Используется при инициализации данного поля, либо задает текстовый заголовок для

кнопок (передачи введенных данных на сервер, либо повторной инициализации формы).

checked

Данный атрибут первоначально используется для установки контрольных ящичков и

радиокнопок в состояние "активировано".

size

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

- средняя ширина символов. Например,

size=20

maxlength

Задает максимальное количество символов, которые можно ввести в текстовом поле.

src

Задает URL-адрес картинки, используемой при создании графической кнопки,

инициирующей передачу данных.

align

Указывает способ выравнивания для графических кнопок, инициирующих передачу

данных. Полностью аналогичен атрибуту align элемента
href="#img">IMG и может принимать одно из следующих значений:

top, middle, bottom, left или

right, по умолчанию считается, что этот атрибут имеет значение

bottom.


Содержание раздела