Справочник HTML & CSS

<button>

Кнопка: отправляет форму или запускает действие.

Синтаксис

<button type="button">Text</button>

Атрибуты

Параметр	Тип	Описание
type	submit \| button \| reset	Что делает кнопка. Внутри формы по умолчанию — `submit`.
disabled	—	Необязательный. Кнопка неактивна.
popovertarget	id	Необязательный. Открыть или закрыть всплывающий элемент с этим `id`.

Примеры

Кнопки формы:

<form>
  <input name="q" placeholder="Search">
  <button type="submit">Find</button>
  <button type="reset">Clear</button>
</form>

Кнопка, которая запускает действие:

<button type="button" onclick="this.textContent = 'Thanks!'">Click me</button>
<button disabled>Not available</button>

Примечания

Внутри формы кнопка без type отправляет форму — частая причина неожиданных перезагрузок. Для кнопок, которые не отправляют форму, пишите type="button". В отличие от <input type="submit">, внутри <button> можно положить иконку или другую разметку.

См. также

<form> — Форма: собирает данные из полей и отправляет их на сервер.
<input> — Поле ввода; вид поля задаёт атрибут `type`.
<a> — Ссылка на другую страницу, файл или место на странице.
disabled — Отключает элемент формы: с ним нельзя взаимодействовать, и его значение не отправляется.

Вопросы и ответы по теме

В учебнике

Кнопки — Тег button и его типы submit, reset и button, кнопка с иконкой, отключённая кнопка и разница между кнопкой и ссылкой.

Спасибо, что читаете!