Тег INPUT

Тег <INPUT> является одним из разносторонних элементов формы и позволяет создавать разные элементы интерфейса и обеспечить взаимодействие с пользователем. Главным образом <INPUT> предназначен для создания текстовых полей, различных кнопок, переключателей и флажков. Хотя элемент <INPUT> не требуется помещать внутрь контейнера <FORM>, определяющего форму, но если введенные пользователем данные должны быть отправлены на сервер, где их обрабатывает CGI-программа, то указывать FORM обязательно. То же самое обстоит и в случае обработки данных с помощью клиентских приложений, например, скриптов на языке JavaScript.

Основной параметр тега <INPUT>, определяющий вид элемента — type. Он позволяет задавать следующие элементы формы: текстовое поле (text), поле с паролем (password), переключатель (radio), флажок (checkbox), скрытое поле (hidden), кнопка (button), кнопка для отправки формы (submit), кнопка для очистки формы (reset), поле для отправки файла (file) и кнопка с изображением (image). Для каждого элемента существует свой список параметров, которые определяют его вид и характеристики.

Синтаксис

<form>   <input ...> </form>

Параметры

Описание параметров тега <INPUT>


Параметр ALIGN

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

Синтаксис

<input type="image" align="bottom | left | middle | right | top">

Аргументы

Значение по умолчанию bottom. Браузеры также подддерживают аргументы absbottom, absmiddle, baseline и texttop , которые не включены в спецификацию HTML 4.01.

Параметр ALT

Параметр alt устанавливает альтернативный текст для поля с изображением. Такой текст позволяет получить текстовую информацию о рисунке при отключенной в браузере загрузке изображений. Поскольку загрузка изображений происходит после получения браузером информации о нем, то замещающий рисунок текст появляется раньше. А уже по мере загрузки текст будет сменяться изображением. Браузеры также отображают альтернативный текст в виде подсказки, появляющейся при наведении курсора мыши на изображение.

Синтаксис

<input type="image" alt="Текст">

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

Параметр BORDER

Браузеры обрабатывают изображения, добавленные через тег <INPUT>, подобно рисункам, созданным с помощью тега <IMG>. В том числе вокруг изображения можно добавить рамку, цвет которой совпадает с цветом текста.

Синтаксис

<input type="image" border="толщина рамки">

Допустимое значение - любое целое положительное число в пикселах. Значение по умолчанию 0.

Параметр CHECKED

Этот параметр определяет, помечен ли заранее такой элемент формы, как флажок или переключатель. В случае использования переключателей (radiobutton), может быть отмечен только один элемент группы, для флажков (checkbox) допустимо пометить хоть все элементы.

Синтаксис

<input type="radio" checked> 
<input type="checkbox" checked>

Параметр DISABLED

Блокирует доступ и изменение поля формы. Оно в таком случае отображается серым и недоступным для активации пользователем. Кроме того, такое поле не может получить фокус путем нажатия на клавишу Tab, мышью или другим способом. Тем не менее, такое состояние поля можно менять с помощью скриптов.

Синтаксис

<input type="..." disabled>

Параметр MAXLENGTH

Устанавливает максимальное число символов, которое может быть введено пользователем в текстовом поле. Когда это количество достигается при наборе, дальнейший ввод становится невозможным.

Синтаксис

<input type="text" maxlength="число"> 
<input type="password" maxlength="число">

Допустимое значение - любое целое положительное число.

Параметр NAME

Определяет уникальное имя элемента формы. Как правило, это имя используется при отправке данных на сервер или для доступа к введенным данным поля через скрипты.

Синтаксис

<input type="..." name="имя">

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

Параметр READONLY

Когда к тегу <INPUT> добавляется параметр readonly, текстовое поле не может изменяться пользователем, в том числе вводиться новый текст или модифицироваться существующий. Кроме того, такое поле не может получить фокус путем нажатия на клавишу Tab, мышью или другим способом. Тем не менее, состояние и содержимое поля можно менять с помощью скриптов.

Синтаксис

<input type="text" readonly> 
<input type="password" readonly>

Параметр SIZE

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

Синтаксис

<input type="text" size="ширина"> <input type="password" size="ширина">

Допустимое значение - любое целое положительное число.

Параметр SRC

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

Синтаксис

<input type="image" src="URL">

В качестве значения принимается полный или относительный путь к файлу.

Параметр TYPE

Обязательный параметр type сообщает браузеру, к какому типу относится элемент формы.

Синтаксис

<input type="button | checkbox | file | hidden | image | password | radio | reset | submit | text">

Аргументы

Значение по умолчанию - text.

Параметр VALUE

Определяет значение элемента формы, которое будет отправлено на сервер или получено с помощью клиентских скриптов. На сервер отправляется пара «имя=значение», где имя задается параметром name тега <INPUT>, а значение — параметром value.

В зависимости от типа элемента параметр value выступает в следующей роли:

Синтаксис

<input type="..." value="значение">