Поле для ввода текста
Самой простой тип элемента управления в форме – это поле для ввода текста (type="text") . Это тип элемента input, принятый по умолчанию.
input type = «text»
Атрибуты
Базовые (id, class, style, title), Интернационализация, События
Фокус (accesskey, tabindex, onfocus, onblur)
disabled="disabled"
maxlength="число"
name="текст" (Обязательный)
readonly="readonly"
size="число"
value="текст"
Это поле позволяет пользователю ввести одно слово или строку текста. По умолчанию браузер отображает поле шириной в 20 символов, но вы можете указать любой размер, используя атрибут size; может задать максимальное число вводимых символов при помощи атрибута maxlength.
Aтрибут value используется для указания исходного значения, т.е. текста, который появляется в этом поле при загрузке формы.
Пример.
<input type="text" name="name" size="15" maxlength="50" value="enter your name" />
Поле для ввода пароля
Поле пароля (type="password") работает так же, как текстовое поле, за исключением того, что символы скрываются при помощи звездочки (*) или маркера (•) (или другого символа, определяемого пользовательским агентом). Атрибуты те же, что и в текстовом поле.
Скрытое поле (type="hidden") представляет собой элемент управления, не отображаемый в браузере, но передаваемый программе обработки при отправке данных.
Атрибуты:
accesskey="символ" tabindex="число"
name="текст" (Обязательный)
value="текст" (Обязательный)
Пример.
<input type="hidden" name="extra_info" value="important" />
Флажок
Флажки (type="checkbox") напоминают выключатели, которые могут включаться и выключаться пользователем. Можно устанавливать сразу несколько флажков, входящих в группу, что делает их удобными для использования в вопросах с несколькими вариантами ответов, где допустим выбор сразу нескольких вариантов. При отправке данных формы на сервер отправляются только значения установленных (включенных) флажков.
Атрибуты
Базовые (id, class, style, title), Интернационализация, События
Фокус (accesskey, tabindex, onfocus, onblur)
align="left|right|top|texttop|middle|absmiddle|baseline|bottom| absbottom"
checked="checked"
disabled="disabled"
name="текст" (Обязательный)
readonly="readonly"
value="текст" (Обязательный)
По умолчанию флажок не установлен; чтобы сделать его установленным при загрузке страницы, просто добавьте атрибут checked к соответствующему элементу input. В XHTML вы должны указывать значение для каждого атрибута, так что правильный синтаксис будет checked="checked" .
Пример.
<input type="checkbox" name="os" value="WinXP">
Переключатель
В отличие от флажков, включенным может быть только один переключатель (радиокнопки type="radio"), а остальные при этом отключаются. Такой вид элементов управления применяется для взаимоисключающих вариантов выбора.
Атрибуты
Базовые (id, class, style, title), Интернационализация, События
Фокус (accesskey, tabindex, onfocus, onblur)
checked="checked"
disabled="disabled"
name="текст" (Обязательный)
readonly="readonly"
value="текст" (Обязательный)
При отправке данных формы пересылается только значение включенного переключателя.
Пример.
<р>Какую из приведенных операционных систем вы используете?</р>
<input type="radio" name="os" value="WinXP" /> Windows XP
<input type="radio" name="os" value="Linux" /> Linux
<input type="radio" name="os" value="OSX" checked="checked" /> Macintosh OSX
<input type="radio" name="os" value="DOS" /> DOS
Кнопки
Кнопки Submit (Отправка), которые используются для отправки данных формы агенту, выполняющему обработку, добавляются при помощи элемента input типа submit. При нажатии кнопки отправки данные формы немедленно отправляются на сервер для обработки.
Атрибуты
Базовые (id, class, style, title), Интернационализация, События
Фокус (accesskey, tabindex, onfocus, onblur) disabled="disabled"
name="текст"
value="текст"
Кнопка Reset (Сброс) восстанавливает исходные значения для всех элементов управления формы, и ее можно разместить при помощи элемента input типа reset. Создается кнопка сброса, которая очищает содержимое элементов формы (или задает для них значения по умолчанию).
Атрибуты
Базовые (id, class, style, title), Интернационализация, События Фокус (accesskey, tabindex, onfocus, onblur) disabled="disabled"
value="текст"
Можно изменить надпись на кнопке, добавив свой собственный текст в атрибут value.
Пример.
<input type="submit" /><input type="reset" value="Start Over" />
Авторы могут создать настраиваемую кнопку для управления клиентскими скриптами (JavaScript), для чего нужно задать для элемента input тип button.
Атрибуты
Базовые (id, class, style, title), Интернационализация, События
Фокус (accesskey, tabindex, onfocus, onblur)
align="left|right|top|texttop|middle|absmiddle|baseline|bottom| absbottom"
disabled="disabled"
name="текст"
value="текст"
Эта кнопка (type = "button") не имеет заранее заданной функции и является инструментом общего применения, который можно настраивать при помощи скриптов.
Пример.
<input type="button" value="Push Me!" />