Тег <INPUT>
Тег <INPUT> предназначен для создания элементов управления и обеспечения взаимодействие с пользователем. Если введенные пользователем данные должны быть отправлены на сервер, где их обрабатывает CGI-программа, то INPUT должен быть помещён внутрь контейнера <FORM>.
Атрибуты
- align
- Задает выравнивание поля в форме
| left |
по левому краю окна. Текст обтекает справа |
| right |
по правому краю окна. Текст обтекает слева |
| bottom |
нижняя граница поля выравнивается по окружающему тексту (по умолчанию) |
| top |
верх картинки выравнивается по самому высокому элементу строки |
| middle |
центр картинки по базовой линии текущей строки |
- alt
- Альтернативный текст для кнопки с изображением.
- border
- Толщина рамки.
- title
- Всплывающая подсказка
- value
- Задает отображаемый текст для text, password, button, reset, submit
- size
- Устанавливает число видимых символов в text
- readonly
- Устанавливает, что поле не может изменяться пользователем.
- maxlength
- Устанавливает максимально допустимое число вводимых символов в text
- name
- Имя поля, предназначено для того, чтобы обработчик формы мог его идентифицировать.
- checked
- False или True - Принимает начальное состояние для checkbox и radio (по умолчанию False)
- type
- Описывает тип интерфейсного элемента. Может принимать следующие значения
| text |
создает строку для ввода текста |
| password |
создает строку для ввода текста, при этом отображает вводимые символы как звездочки (*) |
| checkbox |
создает «включатель» |
| radio |
создает «исключающий переключатель». Как правило, используют блоки из нескольких таких элементов |
| file |
создает элемент для выбора локальных файлов. Например, строку для имени файла и кнопку "Обзор", при нажатии на которую открывается диалог «Выбор файла» |
| hidden |
создает невидимый для пользователя элемент. Может использоваться для отправки дополнительной, служебной информации |
| image |
создает элемент формы в виде кнопки-изображения |
| button |
создает стандартную кнопку |
| submit |
создает кнопку «Подача запроса» |
| reset |
создает кнопку «Сброс» |
- style
- Задает различные стили. Например, высоту или ширину элемента