Серверное время 2017-10-19 06:23:42
Приветствую вас, Гость
Понравился сайт - нажми CTRL+D и добавь в закладки..
Теги HTML
HTML5
Атрибуты тегов
Значения
Статистика
Яндекс.Метрика
Реклама
Реклама

Тег <input>

Браузер
Internet Explorer
Chrome
Opera
Safari
Firefox
Версия
6.0
7.0
8.0
9.0
2.0
3.0
4.0
5.0
9.2
9.6
10
2.0
3.1
4.0
5.0
2.0
3.0
3.6
4.0
Поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Краткая информация
HTML: 3.2 4.01 5.0
XHTML: 1.0 1.1  
Описание
Тег <input> является одним из разносторонних элементов формы и позволяет создавать разные элементы интерфейса и обеспечить взаимодействие с пользователем. Главным образом <input> предназначен для создания текстовых полей, различных кнопок, переключателей и флажков. Хотя элемент <input> не требуется помещать внутрь контейнера <form>, определяющего форму, но если введенные пользователем данные должны быть отправлены на сервер, где их обрабатывает CGI-программа, то указывать FORM обязательно. То же самое обстоит и в случае обработки данных с помощью клиентских приложений, например, скриптов на языке JavaScript.
Основной атрибут тега <input>, определяющий вид элемента — type. Он позволяет задавать следующие элементы формы: текстовое поле (text), поле с паролем (password), переключатель (radio), флажок (checkbox), скрытое поле (hidden), кнопка (button), кнопка для отправки формы (submit), кнопка для очистки формы (reset), поле для отправки файла (file) и кнопка с изображением (image). Для каждого элемента существует свой список атрибутов, которые определяют его вид и характеристики.
Синтаксис
HTML
<input параметры>
XHTML
<input параметры />
Аргументы
accept - Устанавливает фильтр на типы файлов, которые вы можете отправить через поле загрузки файлов.
accesskey - Переход к элементу с помощью комбинации клавиш.
align - Определяет выравнивание изображения.
alt - Альтернативный текст для кнопки с изображением.
border - Толщина рамки вокруг изображения.
checked - Предварительно активированный переключатель или флажок.
disabled - Блокирует доступ и изменение элемента.
maxlength - Максимальное количество символов разрешенных в тексте.
name - Имя поля, предназначено для того, чтобы обработчик формы мог его идентифицировать.
readonly - Устанавливает, что поле не может изменяться пользователем.
size - Ширина текстового поля.
src - Адрес графического файла для поля с изображением.
tabindex - Определяет порядок перехода между элементами с помощью клавиши Tab.
type - Сообщает браузеру, к какому типу относится элемент формы.
value - Значение элемента.
Также для этого тега доступны универсальные атрибуты и события.
Закрывающий тег
Не требуется.
Пример. Использование тега <input>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Тег INPUT</title>
</head>
<body>
 <form name="test" method="post" action="input1.php">
  <p><b>
Ваше имя:</b><br>
   <input
name="nick" type="text" size="40">
  </p>
  <p><b>
Каким браузером в основном пользуетесь:</b><Br>
   <input
type="radio" name="browser" value="ie"> Internet Explorer<Br>
   <input
type="radio" name="browser" value="opera"> Opera<Br>
   <input
type="radio" name="browser" value="firefox"> Firefox<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>

Демонстрация примера
Первоисточник - htmlbook.ru Автор - Влад Мержевич
Комментариев (0)
Имя
Email
Осталось 65535 символов
© 2006-2012, Home-test.biz