Тэг <input> представляет различные элементы, в зависимости от значения атрибута type (табл.1).
Таблица 1. Типы элементов управления (атрибут type)
Значение type | Описание |
text | Однострочное поле ввода. Используйте атрибуты maxlength и size для определения максимальной длинны вводимого значения в символах и размера отображаемого поля ввода на экране (по умолчанию принимается 20 символов). |
password | То же самое, что и атрибут text, но вводимое пользователем значение скрыто замещающими символами (звездочки, точки и т.п.). |
checkbox | Флажок (маркер множественного выбора). Используется для отметки выбранных вариантов. |
hidden | Скрытое поле. Не отображается браузером и не дает пользователю изменять присвоенные данному полю значение. Это можно сделать только программным путем (или изменением значения поля при передаче данных через адресную строку или в теле запроса). |
image | Кнопка-картинка. Позволяет использовать графический рисунок в качестве кнопки. Все значения атрибута value игнорируются. Само описание картинки осуществляется через атрибут src и по синтаксису совпадает с тегом <img>. |
radio | Радиокнопка. Позволяет вводить одно значение из нескольких альтернатив. Для создания набора альтернатив вам необходимо создать несколько полей ввода с атрибутом type="radio" с разными значениями атрибута value, но с одинаковыми значениями атрибута name. При выборе одного из полей ввода типа radio все остальные поля данного типа с тем же именем (атрибут name) автоматически станут невыбранными на экране. |
button | Пользовательская кнопка. Должна быть запрограммирована на обработку нажатий. Атрибут value содержит текст надписи на кнопке. |
submit | Кнопка отправки данных. При ее нажатии будет будет вызван обработчик, описанный в заголовке формы (form action="scriptname", подробнее о теге form - в лабораторной работе №8) и ему будут переданы значения всех элементов, описанных в теге form. Атрибут value содержит текст надписи на кнопке. |
reset | Кнопка сброса. При нажатии ее все поля формы примут значения, заданные по умолчанию. |
Атрибуты элемента input
|
|
· type — определяет тип поля ввода. По умолчанию равно text.
· name — имя поля ввода. Используется как идентификатор переменной при передаче данных на сервер и для программного обращения к элементу из скрипта javascript.
· id — идентификатор элемента. Должен быть уникальным в пределах веб-документа.
· checked — означает, что checkbox или radio будет выбран.
· maxlength — определяет количество символов, которое пользователи могут ввести в поле ввода. При превышении количества допустимых символов броузер реагирует на попытку ввода нового символа звуковым сигналом и не дает его ввести.
· size — определяет визуальный размер поля ввода на экране в символах.
· src — URL, указывающий на картинку (используется совместно со значением type="image").
· value — значение по умолчанию или установленное значение.