Тег <input>

Браузер	Internet Explorer				Chrome				Opera			Safari				Firefox
Версия	6.0	7.0	8.0	9.0	2.0	3.0	4.0	5.0	9.2	9.6	10	2.0	3.1	4.0	5.0	2.0	3.0	3.6	4.0
Поддержка

Краткая информация

HTML:	3.2	4.01	5.0
XHTML:	1.0	1.1

Описание

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

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

Синтаксис

HTML	`<input параметры>`
XHTML	`<input параметры />`

Аргументы

accept - Устанавливает фильтр на типы файлов, которые вы можете отправить через поле загрузки файлов.

accesskey - Переход к элементу с помощью комбинации клавиш.

align - Определяет выравнивание изображения.

alt - Альтернативный текст для кнопки с изображением.

border - Толщина рамки вокруг изображения.

checked - Предварительно активированный переключатель или флажок.

disabled - Блокирует доступ и изменение элемента.

maxlength - Максимальное количество символов разрешенных в тексте.

name - Имя поля, предназначено для того, чтобы обработчик формы мог его идентифицировать.

readonly - Устанавливает, что поле не может изменяться пользователем.

size - Ширина текстового поля.

src - Адрес графического файла для поля с изображением.

tabindex - Определяет порядок перехода между элементами с помощью клавиши Tab.

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

value - Значение элемента.

Также для этого тега доступны универсальные атрибуты и события.

Закрывающий тег

Не требуется.

Пример. Использование тега <input>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Тег INPUT</title> </head> <body> <form name="test" method="post" action="input1"> <p><b>Ваше имя:</b><br> <input name="nick" type="text" size="40"> </p> <p><b>Каким браузером в основном пользуетесь:</b><Br> <input type="radio" name="browser" value="ie"> Internet Explorer<Br> <input type="radio" name="browser" value="opera"> Opera<Br> <input type="radio" name="browser" value="firefox"> Firefox<Br> </p> <p>Комментарий<Br> <textarea name="comment" cols="40" rows="3"></textarea></p> <p><input type="submit" value="Отправить"> <input type="reset" value="Очистить"></p> </form> </body> </html>

Демонстрация примера

Тег <input>

Категории

Последние комментарии

	Русский
	English