Текстовое поле

Значение type="text" определяет однострочное текстовое поле, ширина которого по умолчанию составляет 20 символов, но можно указать любой размер, используя атрибут size; а максимальное число вводимых символов можно ограничить при помощи атрибута maxlength, атрибут value используется для указания исходного значения, то есть текста, который появляется в этом поле при загрузке формы.

Пример:

<input type="text" name="pole_txt" size="15" maxlength="50" value="Enter your name" />

Поле пароля

Значение атрибута type="password" показывает, что текстовое поле предназначено для ввода пароля. Поле пароля работает так же, как текстовое поле, за исключением того, что символы скрываются при помощи звездочки (*), маркера (•) или другого символа, определяемого пользовательским агентом.

Пример:

<input type="password" name="pole_pass" size="10" maxlength="20" />

Скрытое поле

Значение type="hidden" определяет скрытое поле. Скрытое поле представляет собой элемент управления, не отображаемый в браузере, но передаваемый программе обработки при отправке данных.

Пример:

<input type="hidden" name="extra_info" value="important" />

Флажок

Значение type="checkbox" определяет элемент управления флажок, который может быть либо установлен, либо снят. Можно устанавливать сразу несколько флажков, входящих в группу, что делает их удобными для использования в вопросах с несколькими вариантами ответов, где допустим выбор сразу нескольких вариантов. При отправке данных формы на сервер отправляются только значения установленных (включенных) флажков.

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

Пример.

<input type="checkbox" name="os" value="Mac" checked="checked" />

Переключатели или радиокнопки

Значение type="radio" определяет радиокнопку или переключатель. Если в группе таких элементов несколько, они являются взаимоисключающими,то есть если выбрать одну радиокнопку, то все остальные становятся неактивными. Чтобы несколько переключателей образовывали группу, они должны иметь общее имя. При отправке данных формы пересылается только значение включенного переключателя. Атрибут checked укажет, что данный элемент будет выбран по умолчанию при загрузке страницы.

Пример.

<р>Какую из приведенных операционных систем вы используете?</р>

<input type="radio" name="os" value="Windows" /> Windows

<input type="radio" name="os" value="Linux" /> Linux

<input type="radio" name="os" value="Macintosh" checked="checked" /> Macintosh

Кнопки

• Значение type="submit" определяет кнопку отправки, которая используется для отправки данных формы агенту, выполняющему обработку. При нажатии кнопки отправки данные формы немедленно отсылаются на сервер для обработки. Атрибут value="текст" служит для задания надписи на кнопке.

Пример.

<input type="submit" value="Send" />

• Значение type="reset" определяет кнопку сброса. Кнопка reset (сброс) восстанавливает исходные значения для всех элементов управления формы или задает для них значения по умолчанию. Можно изменить надпись на кнопке, добавив свой собственный текст в атрибут value.

Пример.

<input type="reset" value="Restart" />

• Можно создать настраиваемую кнопку для управления клиентскими скриптами (JavaScript), для чего нужно задать для элемента input тип button (input type = "button"). Такая кнопка не имеет заранее заданной функции, действие для нее можно настраивать при помощи языка скриптов.

Пример.

<input type="button" value="Push Me!" />

• Можно использовать для кнопки отправки формы свое изображение, для этого используют значение type = "image". Щелчок мышью по изображению отправляет данные формы на сервер, добавляя к ним координаты курсора мыши. Для графических кнопок рекомендуется также использовать альтернативный текст (при помощи атрибута alt). Адрес изображения следует задавать с помощью атрибута src.

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

Пример.

<input type="image" src="graphics/sendme.gif" alt="Send me" width="100" height="100">

Если кнопка имеет тип type="submit" или type="image", то в ней можно использовать следующие атрибуты:

formaction - указывает URL-адрес файла, который будет обрабатывать данные ввода, при отправке формы. Атрибут formaction переопределяет атрибут action элемента <form>.

formenctype – определяет, каким способом будут кодироваться данные формы при их отправке на сервер. Может использоваться только совместно с атрибутом method="post" элемента <form>. Возможные значения:

• application/x-www-form-urlencoded - значение по умолчанию: все символы кодируются перед отправкой - пробелы преобразуются в символ "+", а специальные символы в значения ASCII.

• multipart/form-data - символы не кодируются. Используется для элементов <input>, у которых в атрибуте type установлено значение "file".

• text/plain - пробелы преобразуются в символ "+", но не кодирует в шестнадцатеричные значения спецсимволы, такие как апострофы.

Атрибут formenctype переопределяет атрибут enctype элемента <form>.

formmethod - определяет http метод для отправки данных на указанный URL.

• get - данные формы добавляются в конце URL-адреса: URL-адрес?имя=значение?имя=значение (значение по умолчанию).

• post - отправляет данные формы, как HTTP после транзакции.

Атрибут formmethod переопределяет атрибут method элемента <form>.

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

• _blank - открывает документ в новом окне или вкладке.

• _self - открывает документ в той же директории, где располагается ссылка (значение по умолчанию).

• _parent - открывает документ в родительском фрейме.

• _top - открывает документ во всю ширину окна.

• имя_фрейма - открывает документ в iframe, имя которого было указано в качестве значения.

Атрибут formtarget переопределяет атрибут target элемента <form>.