Html5 button: HTML DOM Button Object

Содержание

Тег кнопки в HTML5

Введение 

 

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

 

Тег кнопки ввода

 

Тег кнопки позволяет создавать простые кнопки ввода с произвольным текстом. Он похож на тег отправки INPUT, но немного более гибкий. Вы можете сказать Тег кнопки создает кнопку. Это нажимаемая кнопка, которая может отправить запрос с помощью GET или POST, а также выполнить действие на стороне клиента в JavaScript. Тег поддерживается всеми основными браузерами.

 

Синтаксис

 

<кнопка имя="" тип = "" value="">HTML

 

Атрибуты

 

Теги HTML могут содержать один или несколько атрибутов.

Атрибуты добавляются к тегу, чтобы предоставить браузеру больше информации о том, как тег должен выглядеть или вести себя. Атрибуты состоят из имени и значения, разделенных знаком равенства. Знак (=) со значением, заключенным в двойные кавычки.

 

Новые атрибуты, представленные HTML5

 

Атрибуты	Значение	Описание
автофокус(новый)	автофокус	Указывает, что кнопка должен иметь фокус при загрузке страницы.
отключен	отключен	Указывает, что кнопка должен быть отключен.
форма (новая)	имя_формы	Определяет форму кнопки принадлежит
формовка (новая)	URL-адрес	Указывает, куда отправлять данные формы при отправке формы. Переопределяет атрибут действия формы.
тип формыНовый	приложение/x-www-form-urlencoded   multipart/form-data   текстовый/обычный	Указывает, как должны выглядеть данные формы. кодируется перед отправкой на сервер. Переопределяет атрибут enctype формы.
метод формы (новый)	получить   пост	Указывает, как отправлять данные формы. Переопределяет атрибут действия формы.
формировать (новый)	формановациядата	Если присутствует, указывает, что форма не должны проверяться при отправке. Переопределяет атрибут проверки формы.
форматаргет (новый)	_blank   _себя   _родитель   _Топ   имя кадра	Указывает, где открыть действие URL. Переопределяет целевой атрибут формы.
имя	имя_кнопки	Задает имя для кнопки
тип	кнопка   сброс настроек   отправить	Указывает тип кнопки
значение	текст	Указывает начальное значение для кнопка. Значение может быть изменено скриптом

 

Атрибуты содержимого обработчика событий

 

Вот содержимое стандартного обработчика событий HTML 5. атрибуты.

 

прерывание	при ошибке*	на колесике мыши
размытие*	онфокус*	на паузе
онканплей	при изменении формы	в игре
oncanplaythrough	onforminput	в игре
при смене	на ввод	в процессе
по клику	oninvalid	onratechange
в контекстном меню	нажатие клавиши	onreadystatechange
ondblclick	нажатие клавиши	при прокрутке
ондраг	onkeyup	поиск
ондрагенд	при загрузке*	поиск
Драгентер	загруженные данные	при выборе
на накладке	загруженные метаданные	на выставке
ондраговер	при запуске	установлен
ондрагстарт	onmousedown	при отправке
ондроп	onmousemove	приостановить
изменение продолжительности	onmouseout	ontimeupdate
пустой	при наведении мыши	onvolumechange
комбинированный	onmouseup	в ожидании

 

Пример атрибута типа кнопки Тег

 

Этот атрибут определяет тип кнопка.

1. Пример атрибута типа тега кнопки в HTML5.

   < /tr>Имя Адрес Возраст  ОтправитьКнопкаСбросить< /tr>  

Internet Explorer

 

 

FireFox

 

 

Значение Пример атрибута кнопки Тег

 

Атрибут значения задает начальное значение для кнопки. Значение может быть изменено с помощью сценарий.

 

Создать HTML-страницу.

1.   
2.   
3.     <тело>  
4.           
5.             
     
6.                 SQLSERVER  
7.                 CSS  
8.             

Отключить Пример атрибута кнопки Тег

Этот атрибут указывает, что кнопка должен быть отключен.

1.   
2.   
3.     <тело>  
4.         Отключить кнопку!  
5.       
6.   

Internet Explorer

Автофокус Пример атрибута кнопки Тег

Этот атрибут указывает, что кнопка должна иметь фокус при загрузке страницы.

1.   
2.   
3.     <тело>  
4.         Кнопка Автофокус!  
5.       
6.   

• attribute of button tag
• button tag in HTML
• button tag in html5
• html articles
• HTML tag
• HTML5
• Learn HTML5

HTML 5 Tag

Тег HTML используется для создания элемента управления «кнопка».

Хотя этот тег часто используется вместе с

, его также можно использовать как автономный элемент управления.

Теги HTML могут содержать один или несколько атрибутов. Атрибуты добавляются к тегу, чтобы предоставить браузеру больше информации о том, как тег должен выглядеть или вести себя. Атрибуты состоят из имени и значения, разделенных знаком равенства (=), при этом значение заключено в двойные кавычки. Вот пример: style="color:black;" .

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

Ниже перечислены атрибуты, которые можно добавить к этому тегу.

Специфичные для элемента атрибуты

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

Атрибут	Описание
автофокус	Автоматически передает фокус этому элементу управления при загрузке страницы. Это позволяет пользователю начать использовать элемент управления, не выбирая его предварительно. В документе не должно быть более одного элемента с указанным атрибутом автофокуса. Это логический атрибут. Если атрибут присутствует, его значение должно быть либо пустой строкой, либо значением, нечувствительным к регистру ASCII, совпадающим с каноническим именем атрибута, без начальных или конечных пробелов (т. е. либо autofocus , либо autofocus="autofocus" ). Возможные значения: [Пустая строка] автофокус
отключено	Отключает управление. Поэтому, если пользователь попытается использовать элемент управления, ничего не произойдет. Это логический атрибут. Если атрибут присутствует, его значение должно быть либо пустой строкой, либо значением, нечувствительным к регистру ASCII, совпадающим с каноническим именем атрибута, без начальных или конечных пробелов (т. е. либо disabled , либо disabled="disabled" ). Возможные значения: [Пустая строка] отключен
форма	Указывает идентификатор формы, которой принадлежит этот элемент управления. Возможные значения: [Идентификатор элемента формы в владельце элемента Документ ]
formaction	Указывает URL-адрес файла, который будет обрабатывать элемент управления при отправке.
formenctype	Указывает тип содержимого, используемый для кодирования набора данных формы при его отправке на сервер. Возможные значения: application/x-www-form-urlencoded (по умолчанию) multipart/form-data (используйте это при загрузке файлов) текстовый/обычный (используйте это при загрузке файлов)
formmethod	Указывает метод HTTP, используемый при отправке элемента управления. Возможные значения: получить (данные формы добавляются к URL-адресу при отправке) сообщение (данные формы не добавляются к URL) диалог (Закрывает диалоговое окно, в котором находится форма, если она есть, и в противном случае не отправляется.)
formnovalidate	Указывает, что форма не должна проверяться во время отправки. Это логический атрибут. Если атрибут присутствует, его значение должно быть либо пустой строкой, либо значением, нечувствительным к регистру ASCII, совпадающим с каноническим именем атрибута, без начального или конечного пробела (т. е. либо novalidate или novalidate="novalidate" ). Возможные значения: [Пустая строка] обновить
formtarget	Указывает контекст просмотра для загрузки пункта назначения, указанного в атрибуте действия . Возможные значения: _пусто _я _верх _родительский
меню	Если атрибут типа имеет значение меню , то для указания меню элемента необходимо предоставить атрибут меню . Значение должно быть идентификатором элемента в том же домашнем поддереве, атрибут type которого находится в состоянии всплывающего меню. Атрибут меню можно использовать только в том случае, если атрибут типа имеет значение меню .
имя	Присваивает имя элемента управления.
тип	Указывает тип кнопки. Возможные значения: submit Отправляет форму. Это значение по умолчанию. сброс Сбрасывает форму. кнопка Ничего не делает. Вы можете использовать JavaScript, чтобы элемент управления действительно что-то делал. меню Отображает меню. При использовании этого значения необходимо указать меню с помощью кнопки 9.0480 атрибут меню (см. выше).
значение	Присваивает начальное значение элементу управления. Кнопка (и ее значение) включается в отправку формы только в том случае, если сама кнопка использовалась для инициации отправки формы.

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

Следующие атрибуты являются стандартными для всех тегов HTML 5 (хотя атрибут tabindex не применяется к элементам диалога ).

• ключ доступа
• автокапитализировать
• класс
• редактируемый контент
• данные-*
• директор
• перетаскиваемый
• скрытый
• идентификатор
• режим ввода
• это
• ИД
• элементпроп
• Артикул
• Артикул
• тип изделия
• язык
• часть
• слот
• проверка правописания
• стиль
• tabindex
• название
• перевод

Полное объяснение этих атрибутов см. в разделе Глобальные атрибуты HTML 5.

Атрибуты содержимого обработчика событий

Атрибуты содержимого обработчика событий позволяют вам вызывать сценарий из вашего HTML.