Unetway

HTML - Тег <button>

Тег <button> добавляет на страницу сайта кнопку, которую можно использовать внутри тега формы <form>, а также в отдельности.

<form>
  <button>...</button>
</form>

Атрибуты:

Атрибут Описание
accesskey Доступ к элементам формы с помощью горячих клавиш.
autofocus Устанавливает, что кнопка получает фокус после загрузки страницы.
disabled Блокирует доступ и изменение элемента.
form Связывает между собой форму и кнопку.
formaction Задаёт адрес, на который пересылаются данные формы при нажатии на кнопку.
formenctype Способ кодирования данных формы.
formmethod Указывает метод пересылки данных формы.
formnovalidate Отменяет проверку формы на корректность.
formtarget Открывает результат отправки формы в новом окне или фрейме.
name Определяет уникальное имя кнопки.
type Тип кнопки — обычная, для отправки данных формы на сервер или для очистки формы.
value Значение кнопки, которое будет отправлено на сервер или прочитано с помощью скриптов.

Пример:

<!DOCTYPE HTML>
<html>
 <head>
  <meta charset="utf-8">
  <title>Тег BUTTON</title>
 </head>
 <body>
  <p><button>Кнопка с текстом</button></p>

  <form action="/contact">
    <button>Кнопка в форме</button>
  </form>
 </body>
</html>