<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 | Значение кнопки, которое будет отправлено на сервер или прочитано с помощью скриптов. |
Закрывающий тег
Обязателен.