Тег кнопки HTML - httpdoc.ru

Кнопки HTML

<button> Тег используется для создания кнопки интерактивными на веб - странице. Контент, например текст или изображение, может быть вставлен в <button> . . . . </button> ярлык. type Атрибут должен быть определен для <button> тега. В разных браузерах для элемента кнопки по умолчанию используется разный тип.

Тег HTML Button можно использовать внутри и вне формы -

  • Если вы используете его внутри формы, он может работать как кнопка отправки или сброса.
  • Если вы используете его вне формы, вы можете вызвать функцию JavaScript, щелкнув по ней.

Тег кнопки HTML

Пример
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title> HTML Button Tag </title>
</head>

<body>

<button name="button" type="button">Click Here</button>  

</body>
</html>

Выход

HTML Button Tag

Кнопка HTML: вызов функции JavaScript

Пример
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title> HTML Button Tag Using JavaScript </title>
</head>
<body>

<button name="button" value="OK" type="button" onclick="hello()">Click Here</button>  
<script>  
function hello(){  
alert("Hello HTML 5!");  
}  
</script>

</body>
</html>

Выход

HTML Button Tag Using JavaScript Examples

Атрибуты кнопки HTML

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

Атрибут Описание
автофокус Это заставляет кнопку автоматически фокусироваться во время загрузки страницы.
отключен Он указывает, что кнопка отключена.
форма Он определяет одну или несколько форм, которым принадлежит кнопка.
форма действия Он указывает, куда (веб-страница) отправить данные формы при отправке формы.
формаметод Он используется для выбора подходящего метода отправки данных формы.
formenctype Он определяет, как данные формы должны быть закодированы перед отправкой на сервер.
формовать Он указывает, что данные формы не должны проверяться при отправке.
formtarget Он указывает, где отображать ответ после отправки формы.
имя Он определяет имя кнопки.
тип Он определяет тип кнопки, например submit или reset .
ценить Он определяет значение кнопки. Он отправляет только значение кнопки с кнопкой отправки.

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

Элемент
Microsoft Edge browser.png Край
Chrome browser.png Хром
Firefox browser.png Fire Fox
Opera browser.png Опера
safari browser.png Сафари
<button>
да
да
да
да
да