Теги HTML

 

Тег <input>

 


Тег <input> - элемент языка html, позволяющий создавать различные части формы, такие как флажки, переключатели, поля ввода. Элемент не имеет конечного тега, так как все параметры задаются при помощи атрибутов.

Вид элемента определяет атрибут type:

type="text" — создание поля ввода, в котором можно автоматически разместить произвольный текст, используя атрибут value;

type="password" — создание поля для ввода пароля, причем введенная информация отображается звездочками;

type="checkbox" — создание флажка;

type="radio" — определение одного переключателя. Для создания группы переключателей необходимо использовать несколько элементов <input>.

type="button" — создание кнопки произвольного назначения;

type="submit" — создание кнопки, щелчок на которой подтверждает ввод информации в форму. Атрибут value используется для определения надписи на кнопке;

type="reset" — тоже кнопка, но для отмены ввода данных в форму;

type="image" — создание кнопки с рисунком. Для указания графического файла используется атрибут src. Атрибут align предназначен для позиционирования кнопки с рисунком. Значения атрибута уже неоднократно упоминались: bottom, left, middle, right, top.

type="file" — средство выбора файла для присоединения к форме. Пользователю предлагается записать имя файла в поле ввода. Кроме того, браузер автоматически создает рядом с полем ввода кнопку Обзор, которая позволяет запустить стандартный (для операционной системы) диалог выбора файлов;

type="hidden" — скрытый от пользователя элемент. Такие элементы используются для того, чтобы включить в набор данных формы некую фиксированную информацию. По сути, это определение имени переменной и ее значения.

Остальные атрибуты необходимы для определения свойств элемента. Многие из них являются обязательными, так как обеспечивают обработку данных формы на стороне сервера.


Пример написания:

<form action="demo_form.asp">

Имя: <input type="text" name="fname" /><br />

Фамилия: <input type="text" name="lname" /><br />

<input type="submit" value="Отправить" />

</form>


Атрибуты тега <input>

accept....................Устанавливает фильтр на типы файлов, которые вы можете отправить через поле загрузки файлов.

accesskey................Переход к элементу с помощью комбинации клавиш.

align.......................Определяет выравнивание изображения.

alt.........................Альтернативный текст для кнопки с изображением.

autocomplete.........Включает или отключает автозаполнение.

border...................Толщина рамки вокруг изображения.

checked................Предварительно активированный переключатель или флажок.

disabled................Блокирует доступ и изменение элемента.

form....................Связывает поле с формой по её идентификатору.

formaction............Определяет адрес обработчика формы.

formenctype.........Устанавливает способ кодирования данных формы при их отправке на сервер.

formmethod.........Сообщает браузеру каким методом следует передавать данные формы на сервер.

formnovalidate......Отменяет встроенную проверку данных на корректность.

formtarget...........Определяет окно или фрейм в которое будет загружаться результат, возвращаемый обработчиком формы.

list......................Указывает на список вариантов, которые можно выбирать при вводе текста.

max....................Верхнее значение для ввода числа или даты.

maxlength...........Максимальное количество символов разрешенных в тексте.

min....................Нижнее значение для ввода числа или даты.

multiple..............Позволяет загрузить несколько файлов одновременно.

name................Имя поля, предназначено для того, чтобы обработчик формы мог его идентифицировать.

pattern..............Устанавливает шаблон ввода.

placeholder.........Выводит подсказывающий текст.

readonly............Устанавливает, что поле не может изменяться пользователем.

required............Обязательное для заполнения поле.

size..................Ширина текстового поля.

src...................Адрес графического файла для поля с изображением.

step................Шаг приращения для числовых полей.

tabindex...........Определяет порядок перехода между элементами с помощью клавиши Tab.

type................Сообщает браузеру, к какому типу относится элемент формы.

value...............Значение элемента.

 

Закрывающий тег не требуется.

 

Начни изучение языка HTML - создавай свой сайт.