INPUT
Тег
<INPUT> является самым важным и разносторонним элементом формы. Он предназначен для создания различных текстовых полей, кнопок и переключателей, которые, в свою очередь, служат для обеспечения взаимодействия с пользователем.
Если тег
<INPUT> внутри тега формы
<FORM>, то при отправке данных на сервер, будут отправлены и все значения полей, созданных при помощи тега
<INPUT>.
Параметры:
type Определяет тип создаваемого поля
align Определяет выравнивание изображения
alt Альтернативный текст для кнопки с изображением
border Толщина рамки вокруг изображения
checked Предварительно активированный переключатель или флажок
disabled Блокирует доступ и изменение элемента
maxlength Максимальное количество символов разрешенных в тексте
name Задает имя поля для его индефикации обработчиком
readonly Создает запрет на изменение поля
size Ширина текстового поля
src Задает путь к файлу изображения для картинки-кнопки
value Задает начальное значение элемента
Параметр TYPE
Определяет тип создаваемого элемента.
text Текстовое поле
password Поле с паролем
radio Переключатель
checkbox Флажок
hidden Скрытое поле
button Кнопка
submit Кнопка для отправки формы
reset Кнопка для очистки формы
file Поле для отправки файла
image Кнопка с изображением
<body>
<form method="POST" action="">
<input type="text" name="input" value="Текстовое поле">
Текстовое поле<br><br>
<input type="password" name="input" value="Поле с паролем">
Поле с паролем<br><br>
<input type="radio" name="input" value="Переключатель">
Переключатель<br><br>
<input type="checkbox" name="input" value="Флажок">
Флажок<br><br>
<input type="hidden" name="input" value="Скрытое поле">
Скрытое поле<br><br>
<input type="button" name="input" value="Кнопка">
Кнопка<br><br>
<input type="submit" name="input" value="Кнопка для отправки формы">
Кнопка для отправки формы<br><br>
<input type="reset" name="input" value="Кнопка для очистки формы">
Кнопка для очистки формы<br><br>
<input type="file" name="input" value="Кнопка с изображением">
Кнопка с изображением<br><br>
<input type="image" name="input" value="Кнопка с изображением"
src="/shablon/but1.gif"> Кнопка с изображением
</form>
</body>
|
Параметр ALIGN
Определяет выравнивание поле относительно других элементов.
bottom Выравнивание нижней границы изображения по окружающему тексту *
middle Выравнивание середины изображения по базовой линии текущей строки
left Выравнивает изображение по левому краю окна
right Выравнивает изображение по правому краю окна
top Верхняя граница изображения выравнивается по самому высокому элементу текущей строки
<input align="top">
Параметр ALT
Этот параметр служит для установки альтернативного текста для поля с изображением, который будет появляться до его первоначальной загрузки или при отключении показа изображений.
Параметр BORDER
Добавляет рамку заданного размера вокруг изображения-кнопки, созданной с помощью тега
<INPUT>.
<input border="1">
Параметр CHECKED
Используется для заведомого выбора флажка и переключателя, созданного с помощью тега
<INPUT>.
<input type="checkbox" checked>
Параметр DISABLED
С помощью этого параметра можно создать неактивное поле и недоступное для регистрации поле, значение которого будут переданы серверу при отправке данных формы.
<input type="..." disabled>
Параметр MAXLENGTH
Устанавливает максимальное число символов, которое может быть введено пользователем в текстовом поле. Когда это количество достигается при наборе, дальнейший ввод становится невозможным.
<input type="text" maxlength="число">
Параметр NAME
Данный параметр может устанавливать оригинальное имя для каждого поля формы. При отправке данных формы, серверу будут переданы данные каждого ее поля в связке
имя=значение. Также параметр
name может служить для идентификации поля скриптом.
<input type="..." name="имя">
Параметр READONLY
Параметр
readonly делает поле неактивным. Такое поле нельзя будет отредактировать или выбрать его мышью.
<input type="text" readonly>
Параметр SIZE
Ширина текстового поля, которое определяется числом символов моноширинного шрифта. Иными словами, ширина задается количеством близстоящих букв одинаковой ширины по горизонтали. Если размер шрифта изменяется с помощью стилей, ширина также соответственно меняется.
<input type="text" size="ширина">
Параметр SRC
Задает адрес графического файла, который будет отображаться на web-странице в поле с изображением.
>input type="image" src="URL"<
Параметр VALUE
Данный параметр используется для определения значения поля формы. При отправке данных формы, серверу будут переданы данные каждого ее поля в связке
имя=значение.