INPUT


BUTTON
FIELDSET
FORM
INPUT
LABEL
LEGEND
OPTGROUP
OPTION
SELECT
TEXTAREA


Тег <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

Данный параметр используется для определения значения поля формы. При отправке данных формы, серверу будут переданы данные каждого ее поля в связке имя=значение.


С чего начать работу? Структура HTML
Гиперссылки
Текстовые блоки
Форматирование и текстовые элементы
Списки
Объекты
Таблицы
Формы
Фреймы
Метатэги и служебные теги
Все теги по алфавиту
Каскадные таблицы стилей CSS
Кодирование цвета в HTML
Коды символов в HTML
MIME-типы


Студия web-дизайна "Webcreature" © 2015
+7 (905) 515-56-52
Rambler's Top100