Html5 теги: Список HTML5 тегов | Справочник HTML CSS

Тег input

HTML5CSS.ru

ЛУЧШИЙ САЙТ ДЛЯ РАЗРАБОТЧИКОВ

❮Назад Полный HTML Ссылки Дальше ❯

Пример

HTML-форма с тремя полями ввода; два текстовых поля и одна кнопка Submit:

<form action=»/action_page.php»>
  First name: <input type=»text» name=»fname»><br>
  Last name: <input type=»text» name=»lname»><br>
  <input type=»submit» value=»Submit»>
</form>

---

Определение и использование

Тег <input> определяет поле ввода, в которое пользователь может вводить данные.

<input> элементы используются в элементе <input> для объявления элементов управления вводом, которые позволяют пользователям вводить данные.

Поле ввода может меняться различными способами в зависимости от атрибута Type.

---

Поддержка браузера

Элемент
<input>	Да	Да	Да	Да	Да

---

Советы и примечания

Примечание: Элемент <input> пуст, он содержит только атрибуты.

Совет: Используйте <label> для определения меток для <input> элементов.

---

Различия между HTML 4,01 и HTML5

Атрибут «align» является навестить поддерживается в HTML5.

В HTML5 тег <input> имеет несколько новых атрибутов, а атрибут Type имеет несколько новых значений.

---

---

Различия между HTML и XHTML

В HTML тег <input> не имеет конечного тега.

В XHTML тег <input> должен быть правильно закрыт, как это <input />.

---

Атрибуты

= Новое в HTML5.

Атрибут	Значение	Описание
accept	file_extension audio/* video/* image/* media_type	Указывает типы файлов, которые принимает сервер (только для type=»file»)
align	left right top middle bottom	Не поддерживается в HTML5. Задает выравнивание входного изображения (только для type=»image»)
alt	text	Задает альтернативный текст для изображений (только для type=»image»)
autocomplete	on off	Указывает, должен ли элемент <input> включать Автозаполнение
autofocus	autofocus	Указывает, что элемент <input> должен автоматически получать фокус при загрузке страницы
checked	checked	Указывает, что элемент <input> должен быть предварительно выбран при загрузке страницы (для type=»checkbox» or type=»radio»)
dirname	inputname. dir	Указывает, что направление текста будет отправлено
disabled	disabled	Указывает, что элемент <input> должен быть отключен
form	form_id	Указывает одну или несколько форм, к которым принадлежит элемент <input>
formaction	URL	Задает URL-адрес файла, который будет обрабатывать элемент управления вводом при отправке формы (для type=»submit» and type=»image»)
formenctype	application/x-www-form-urlencoded multipart/form-data text/plain	Указывает, как данные формы должны кодироваться при отправке на сервер (для type=»submit» and type=»image»)
formmethod	get post	Определяет метод HTTP для отправки данных в URL-адрес действия (для type=»submit» and type=»image»)
formnovalidate	formnovalidate	Определяет, что элементы формы не должны проверяться при отправке
formtarget	_blank _self _parent _top framename	Указывает, где отображать ответ, полученный после отправки формы (для type=»submit» and type=»image»)
height	pixels	Задает высоту элемента <input> (только для type=»image»)
list	datalist_id	Ссылается на элемент <datalist>, содержащий предварительно определенные параметры для элемента <input>
max	number date	Задает максимальное значение для элемента <input>
maxlength	number	Указывает максимальное число символов, допустимое в элементе <input>
min	number date	Задает минимальное значение для элемента <input>
multiple	multiple	Указывает, что пользователь может ввести более одного значения в элементе <input>
name	text	Задает имя элемента <input>
pattern	regexp	Задает регулярное выражение, которое проверяется значением <input> элемента
placeholder	text	Задает краткую подсказку, описывающую ожидаемое значение элемента <input>
readonly	readonly	Указывает, что поле ввода предназначено только для чтения
required	required	Указывает, что поле ввода должно быть заполнено перед отправкой формы
size	number	Задает ширину (в символах) элемента <input>
src	URL	Указывает URL-адрес изображения для использования в качестве кнопки отправки (только для type=»image»)
step	number	Задает юридические интервалы номеров для поля ввода
type	button checkbox color date datetime-local email file hidden image month number password radio range reset search submit tel text time url week	Указывает тип <input> элемент для отображения
value	text	Задает значение элемента <input>
width	pixels	Задает ширину элемента <input> (только для type=»image»)

---

Глобальные атрибуты

Тег <input> также поддерживает Глобальные атрибуты в HTML.

---

Event Attributes

Тег <input> также поддерживает Атрибуты событий в HTML.

---

Похожие страницы

HTML Учебник: HTML Forms

HTML DOM Ссылки:

• Input Button Object
• Input Checkbox Object
• Input Color Object
• Input Date Object
• Input Datetime Object
• Input DatetimeLocal Object
• Input Email Object
• Input FileUpload Object
• Input Hidden Object
• Input Image Object
• Input Month Object
• Input Number Object
• Input Password Object
• Input Range Object
• Input Radio Object
• Input Reset Object
• Input Search Object
• Input Submit Object
• Input Text Object
• Input Time Object
• Input URL Object
• Input Week Object

---

Параметры CSS по умолчанию

Нет.

❮Назад Полный HTML Ссылки Дальше ❯

Популярное

html картинка
как вставить картинку в html
цвет текста фона
размер текста html
цвет размер шрифта html
формы html
список html
таблица html
как сделать ссылку в html
html элементы

---

---

Copyright 2018-2020 HTML5CSS.

ru

Правила и Условия Политика конфиденциальности О нас Контакты

HTML Полный справочник. Все теги по алфавиту. W3Schools на русском. Основы HTML5 для начинающих

Тег	Описание
<!—…—>	Определяет комментарий
<!DOCTYPE>	Определяет тип документа
<a>	Определяет гиперссылку
<abbr>	Определяет абревиатуру или акроним
<acronym>	Не поддерживается в HTML5. Используйте <abbr> вместо этого. Определяет акроним
<address>	Определяет контактную информацию автора / владельца документа
<applet>	Не поддерживается в HTML5. Используйте <embed> или <object> вместо этого. Определяет встроенный аплет
<area>	Определяет область внутри карты изображения
<article>	Определяет статью
<aside>	Определяет содержание, кроме содержания страницы (в стороне)
<audio>	Определяет звуковой контент
<b>	Определяет жирный текст
<base>	Указывает базовый URL-адрес / цель для всех относительных URL-адресов документа
<basefont>	Не поддерживается в HTML5. Используйте CSS вместо этого. Отпределяет цвет, размер и шрифт по умолчанию для всего текста документа
<bdi>	Изолирует часть текста, который может быть отформатирован в другом направлении от иного текста за его пределами
<bdo>	Переопределяет текущее направление текста
<big>	Не поддерживается в HTML5. Используйте CSS вместо этого. Определяет увеличенный текст
<blockquote>	Определяет раздел, который цитируется с другого источника
<body>	Определяет тело документа
<br>	Определяет разрыв строки
<button>	Определяет кнопку, которую можно нажимать
<canvas>	Используется для рисования на лету, с помощью сценариев (обычно на JavaScript)
<caption>	Определяет подпись к таблице
<center>	Не поддерживается в HTML5. Используйте CSS вместо этого. Определяет центрирование текста
<cite>	Определяет название произведения при цитировании из него
<code>	Определяет фрагмент компьютерного кода
<col>	Указывает свойства столбцов для каждого столбца в элементе <colgroup>
<colgroup>	Определяет группу с одного или нескольких столбцов в таблице для форматирования
<data>	Связывает заданный контент с машиночитаемым переводом
<datalist>	Определяет список предварительно определённых параметров управления вводом
<dd>	Определяет описание / значение термина в списке описания
<del>	Определяет удалённый с документа текст
<details>	Определяет дополнительные детали, которые пользователь может просматривать или прятать
<dfn>	Задаёт термин, для которого будет дано определение (definition)
<dialog>	Определяет диалоговый бокс или окно
<dir>	Не поддерживается в HTML5. Используйте <ul> вместо этого. Определяет список каталогов
<div>	Определяет раздел (блочный) в документе
<dl>	Определяет список описаний
<dt>	Определяет термин / имя в списке описания
<em>	Определяет семантически подчёркнутый текст (empharized)
<embed>	Определяет контейнер для внешнего (не HTML) приложения
<fieldset>	Группы связанных элементов в форме
<figcaption>	Определяет заголовок для элемента <figure>
<figure>	Определяет автономное содержание
<font>	Не поддерживается в HTML5. Используйте CSS вместо этого. Определяет шрифт, цвет и размер текста
<footer>	Определяет нижний колонтитул (футер) для документа или раздела
<form>	Определяет HTML форму для ввода пользователем
<frame>	Не поддерживается в HTML5. Определяет окно (фрейм) в наборе фреймов
<frameset>	Не поддерживается в HTML5. Определяет набор фреймов
<h2> to <h6>	Определяет HTML заголовки
<head>	Определяет информацию о документе
<header>	Определяет заголовок для документа или раздела
<hr>	Определяет тематическую смену контента
<html>	Определяет корень HTML-документа
<i>	Определяет часть текста альтернативным голосом или настроением
<iframe>	Определяет встроенный фрейм
<img>	Определяет изображение
<input>	Определяет элемент управления вводом
<ins>	Определяет текст, который был вставлен в документ
<kbd>	Определяет ввод с клавиатуры
<label>	Определяет метку для элемента <input>
<legend>	Определяет заголовок для элемента <fieldset>
<li>	Определяет элемент списка
<link>	Определяет взаимосвязь между документом и внешним ресурсом (обычно используется для ссылки на внешние таблицы стилей)
<main>	Определяет основное содержание документа
<map>	Определяет карту изображения на стороне клиента
<mark>	Определяет помеченный (маркированный) / выделенный текст
<meta>	Определяет метаданные HTML документа
<meter>	Определяет скалярное измерение в пределах известного диапазона (датчик)
<nav>	Определяет навигационные ссылки (навигация по сайту)
<noframes>	Не поддерживается в HTML5. Определяет альтернативное содержание для пользователей, которые не поддерживают фреймы
<noscript>	Определяет альтернативное содержание для пользователей, которые не поддерживают скрипты на стороне клиента
<object>	Определяет встроенный объект
<ol>	Определяет упорядоченный (нумерованный) список
<optgroup>	Определяет группу соответствующих параметров в выпадающем списке (выпадающем меню)
<option>	Определяет параметр в выпадающем списке
<output>	Определяет результат расчёт (калькуляции)
<p>	Определяет параграф (абзац)
<param>	Определяет параметр для объекта
<picture>	Определяет контейнер для нескольких ресурсов изображения
<pre>	Определяет предварительно отформатированный текст
<progress>	Представляет ход выполнения задания
<q>	Определяет короткую цитату
<rp>	Определяет, что показывать в браузерах, которые не поддерживают ruby аннотации
<rt>	Определяет пояснения / произношение символов (для восточноазиатской типографики)
<ruby>	Определяет аннотацию ruby (для восточноазиатской типографики)
<s>	Определяет текст, который больше не является правильным
<samp>	Определяет исходные данные с компьютерной программы
<script>	Определяет скрипт на стороне клиента
<section>	Определяет раздел (секцию) в документе
<select>	Определяет выпадающий список
<small>	Определяет меньший текст
<source>	Определяет несколько медиа-ресурсов для медиа-элементов (<video> и <audio>)
<span>	Определяет раздел (строчный) в документе
<strike>	Не поддерживается в HTML5. Используйте <del> или <s> вместо этого. Определяет перечеркнутый текст
<strong>	Определяет семантически важный текст
<style>	Определяет информацию о стиле в документе
<sub>	Определяет подстрчный текст (нижний индекс)
<summary>	Определяет видимый заголовок для элемента <details>
<sup>	Определяет надстрочный текст (верхний индекс)
<svg>	Определяет контейнер для графики SVG
<table>	Определяет таблицу
<tbody>	Группирует содержание тела в таблице
<td>	Определяет клетку (ячейку) в таблице
<template>	Определяет шаблон
<textarea>	Определяет многострочный элемент управления вводом (текстовая область)
<tfoot>	Группирует содержание нижнего колонтитула в таблице
<th>	Определяет ячейку заголовка в таблице
<thead>	Группирует содержание заголовка в таблице
<time>	Определяет дату / время
<title>	Определяет заголовок документа
<tr>	Определяет строку в таблице
<track>	Определяет текстовые дорожки для медиа-элементов (<video> и <audio>)
<tt>	Не поддерживается в HTML5. Используйте CSS вместо этого. Определяет текст телетайпа
<u>	Определяет текст, который должен быть стилистически отличным от обычного текста
<ul>	Определяет неупорядоченный (ненумерованный) список
<var>	Определяет переменную
<video>	Определяет видео или фильм
<wbr>	Определяет возможный разрыв строки

Глобальные атрибуты HTML5 — Tutorial Republic

Рекламные объявления

Глобальные атрибуты HTML5 можно применять ко всем элементам.

Помимо атрибутов, специфичных для элемента, HTML5 определяет несколько атрибутов, общих для всех элементов. Эти атрибуты могут быть указаны для всех элементов, за некоторыми исключениями, когда это не имеет значения, например, для элементов, находящихся внутри раздела документа, например. <база> , <скрипт> , <название> и т. д.

Атрибут	Значение	Описание
ключ доступа	Клавиша быстрого доступа	Указывает сочетание клавиш для активации или выделения элемента.
класс	имя класса	Присваивает элементу имя класса или список имен классов, разделенных пробелами.
редактируемый контент	правда ложь	Указывает, может ли пользователь редактировать содержимое элемента.
контекстное меню	идентификатор меню	Задает контекстное меню для элемента. Контекстное меню — это меню, которое появляется, когда пользователь щелкает правой кнопкой мыши по элементу.
данные-*	данные	Указывается для любого элемента HTML для хранения пользовательских данных, характерных для страницы.
директор	л ртл	Задает базовое направление направленности текста элемента.
перетаскиваемый	правда ложь	Указывает, можно ли перетаскивать элемент.
зона сброса	копия перемещение ссылка	Указывает, будут ли перетаскиваемые данные копироваться, перемещаться или связываться при перетаскивании.
скрытый	скрытый	Указывает, что элемент еще не актуален или больше не актуален.
идентификатор	имя	Задает уникальный идентификатор (ID) элемента, который должен быть уникальным во всем документе.
язык	код языка	Указывает основной язык для текстового содержимого элемента.
проверка правописания	правда ложь	Указывает, может ли элемент проверяться на орфографические ошибки или нет.
стиль	стиль	Задает информацию о встроенном стиле для элемента.
tabindex	номер	Задает порядок табуляции элемента.
наименование	текст	Предоставляет консультативную информацию, связанную с элементом. Это было бы уместно для всплывающей подсказки.
перевод	да нет	Указывает, следует ли переводить текстовое содержимое элемента.
xml:язык	код языка	Указывает основной язык для текстового содержимого элемента в документах XHTML.

Предыдущая страница Следующая страница

Тег HTML5 video — Tutorial Republic

Рекламные объявления

Тема: Теги HTML5 ReferencePrev|Next

Описание

Элемент используется для встраивания видеоконтента в HTML-документ без использования каких-либо дополнительных плагинов, таких как Флэш плеер.

Поддержка элемента

Поддержка элемента зависит от браузера. На данный момент для видеоэлемента поддерживаются три основных видеоформата: MP4, Ogg и WebM.

В следующей таблице приведены контекст использования и история версий этого тега.

Размещение:	Блок
Содержимое:	<источник> , <трек> и текст
Начальный/конечный тег:	Начальный тег: требуется , Конечный тег: требуется
Версия:	Новое в HTML5

---

Синтаксис

Основной синтаксис тега :

HTML / XHTML:

HTML / XHTML:

> Тег в действии.

Пример

Попробуйте этот код »

 
    Ваш браузер не поддерживает элемент видео HTML5.
 

Видео с использованием набора элементов управления браузера по умолчанию и альтернативных источников.

Пример

Попробуйте этот код »

Совет: Вы можете поместить контент, такой как текст или ссылку для скачивания, внутрь элемента видео, чтобы предоставить альтернативный контент в случае, если браузер не поддерживает видеоконтент или по какой-то причине не удалось загрузить исходный файл видео.

---

Атрибуты, специфичные для тега

В следующей таблице показаны атрибуты, характерные для тега .

Атрибут	Значение	Описание
автовоспроизведение	автовоспроизведение	Этот логический атрибут указывает, что видео автоматически начнет воспроизводиться, как только оно сможет это сделать, не останавливаясь для завершения загрузки данных.
органы управления	органы управления	Если указано, браузеры будут отображать элементы управления, позволяющие пользователю управлять воспроизведением видео, например воспроизведение/пауза, громкость и т. д.
высота	пикселей	Устанавливает высоту области отображения видео.
петля	петля	Этот логический атрибут указывает, что видео будет автоматически начинаться заново по достижении конца.
приглушенный	приглушенный	Этот логический атрибут указывает, будет ли изначально отключено видео. Значение по умолчанию — false, что означает, что звук будет воспроизводиться при воспроизведении видео.
плакат	URL-адрес	Указывает изображение, которое будет отображаться во время загрузки видео или до тех пор, пока пользователь не нажмет кнопку воспроизведения. Если этот атрибут не указан, ничего не отображается, пока не станет доступен первый кадр видео; затем первый кадр отображается как постер.
предварительная нагрузка	авто метаданные нет	Подсказывает браузеру, следует ли загружать само видео или его метаданные. Атрибут autoplay может переопределить этот атрибут, потому что если вы хотите автоматически воспроизводить видео, браузеру, очевидно, потребуется его загрузить.
источник	URL-адрес	Указывает расположение видеофайла для встраивания. Кроме того, вы можете использовать предпочтительный тег , так как он допускает несколько вариантов.
ширина	пикселей	Устанавливает ширину области отображения видео.

---

Глобальные атрибуты

Как и все другие теги HTML, тег поддерживает глобальные атрибуты в HTML5.

---

Атрибуты событий

Тег

---

Атрибуты событий

Тег также поддерживает атрибуты событий в HTML5.

---

Совместимость с браузерами

Тег поддерживается всеми основными современными браузерами.

Базовая поддержка — Firefox 3. Добавить комментарий Отменить ответ Ваш адрес email не будет опубликован. Обязательные поля помечены * Комментарий * Имя * Email * Сайт Поиск: Рубрики Seo Wordpress Дизайн Заработок Плагин Разное Рекомендац Сайт Совет Советы Тем Темы Урок Уроки