|
|
|
Свой сайт |
|
|
|
|
Платежные системы |
|
Разное |
|
|
|
Тег <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
- Задает различные стили. Например, высоту или ширину элемента
Пример:
| Код примера, изменяйте его: |
|
|
| Результат: |
|
|
|
|
| Код примера можно изменять, результат справа меняется автоматически |
|
|
|
