<button> это HTML тег, который используется для создания кликабельных кнопок на веб-страницах. Он работает в сочетании с JavaScript и может быть использован для создания интерактивных элементов.
В общем виде тег <button> выглядит следующим образом:
<button type="button">Click Me! </button>
Здесь type="button" это атрибут, который указывает тип кнопки. "Click Me!" это текст, который будет отображаться на кнопке.
Также можно привязать обработчик событий к кнопке для выполнения определенных действий при ее нажатии. Обычно это делается с помощью JavaScript:
В этом примере при нажатии кнопки выполняется JavaScript функция alert(), которая выводит сообщение "Вы нажали на кнопку!".
Следует отметить, что атрибут type у <button> может принимать также значения "submit" и "reset", что делает его особенно полезным при работе с формами. Значение "submit" используется для отправки данных формы на сервер, а "reset" для сброса данных формы до их начального состояния.
Синтаксис
<form> <button>..</button> </form>
Атрибуты
| Атрибуты | Описание |
| accesskey | Доступ к элементам формы с помощью горячих клавиш. |
| autofocus | Устанавливает, что кнопка получает фокус после загрузки страницы. |
| disabled | Блокирует доступ и изменение элемента. |
| form | Связывает между собой форму и кнопку. |
| formaction | Задаёт адрес, на который пересылаются данные формы при нажатии на кнопку. |
| formenctype | Способ кодирования данных формы. |
| formmethod | Указывает метод пересылки данных формы. |
| formnovalidate | Отменяет проверку формы на корректность. |
| formtarget | Открывает результат отправки формы в новом окне или фрейме. |
| name | Определяет уникальное имя кнопки. |
| type | Тип кнопки — обычная, для отправки данных формы на сервер или для очистки формы. |
| value | Значение кнопки, которое будет отправлено на сервер или прочитано с помощью скриптов. |
Закрывающий тег
Обязателен.