Тег button
Создание сайта на CMS WordPress: обучение и хостинг
← Перейти к списку тегов

ТЕГ <BUTTON>

Тег <button> используют для создания кнопки. Кнопку может находится внутри формы или в любом другом месте внутри тега <body>. Внутри кнопки можно размещать текст или изображение.

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

Синтаксис

<button></button>

Атрибуты

Атрибут Описание
autofocus Указывает на то, что элемент должен автоматически получать фокус при загрузке страницы. Этот атрибут может иметь только один элемент на странице.
disabled Указывает на то, что элемент отключен и пользователь не может с ним взаимодейтсвовать.
form Указывает к какой форме относится элемент. Значением атрибута должен быть id формы из того же документа. Этот атрибут позволяет размещать элементы формы не только внутри неё, но и в любом месте на странице.
formaction Указывает куда будут отправлены данные формы. Если атрибут определён, то он перепишет атрибут action родительской формы.
formenctype Определяет, как данные формы должны быть закодированы перед отправкой на сервер. Возможные значения:
  • application/x-www-form-urlencoded
  • multipart/form-data
  • text/plain
formmethod Если кнопка имеет тип "submit", атрибут определяет HTTP метод, который браузер использует, для отправки формы. Возможные значения:
  • get
  • post
formnovalidate Указывает, что данные формы не будут валидироваться при отправке. Если атрибут определён, то он не перепишет атрибут action родительской формы.
formtarget

Если у кнопки тип "submit", то атрибут указывает на то, где будет отображаться ответ после отправки формы.

  • _self будет отображаться в текущем окне браузера
  • _blank будет отображаться в новом окне браузера
  • _parent будет отображаться в родительской вкладке. Если родительской вкладки нет, то параметр будет вести себя как _self
  • _top будет отображаться в окне высшего уровня. Если окна высшего уровня нет, то параметр будет вести себя как _self
name Используется для указания имени элемента.
type Определяет тип кнопки. Возможные значения:
  • submit: кнопка отправляет данные формы на сервер. Если атрибут type не определён, то кнопка будет иметь тип submit по умолчанию.
  • reset: кнопка сбрасывает все элементы управления к их начальным значениям.
  • button: Кнопка не имеет поведения по умолчанию.
value Определяет начальное значение кнопки.

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

Песочница

Код в песочнице можно редактировать и видеть результат в реальном времени:

<button type="button">Отправить</button>
HTML
← Перейти к списку тегов