тег <input>

Тег <input>

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

Основной атрибут тега <input>, определяющий вид элемента — type
Он позволяет задавать следующие элементы формы:
текстовое поле (text)
поле с паролем (password)
переключатель (radio)
флажок (checkbox)
скрытое поле (hidden)
кнопка (button)
кнопка для отправки формы (submit)
кнопка для очистки формы (reset)
поле для отправки файла (file)
кнопка с изображением (image)

Для каждого элемента существует свой список атрибутов, которые определяют его вид и характеристики. Кроме того, в HTML5 добавлено еще более десятка новых элементов.

Пример

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<form name="test" method="post" action="input1.php">
<p><b>Введите адрес почты</b><br>
<input type="text" size="40">
</p>
<p><b>Ваш доход </b><Br>
<input type="radio" name="browser" value="ie">менее 20000 рублей<Br>
<input type="radio" name="browser" value="opera"> от 2000рублей до 50000 рублей<Br>
<input type="radio" name="browser" value="firefox"> более 1000000 рублей<Br> </p>
<p>Оставьте комментарий<Br> <textarea name="comment" cols="40" rows="3"></textarea></p>
<p><input type="submit" value="Отправить">
<input type="reset" value="Очистить"></p>
</form>
</body>
</html>

Результат

Введите адрес почты

Ваш доход
менее 20000 рублей
от 2000рублей до 50000 рублей
более 1000000 рублей

Оставьте комментарий

Атрибуты
accept - устанавливает фильтр на типы файлов, которые вы можете отправить через поле загрузки файлов
accesskey - переход к элементу с помощью комбинации клавиш
align - определяет выравнивание изображения
alt - альтернативный текст для кнопки с изображением
autocomplete - включает или отключает автозаполнение
autofocus - станавливает фокус в поле формы
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 - значение элемента


Информация взята с http://htmlbook.ru/html/input

Этот домен продается здесь: telderi.ru, и еще много других