Тег використовується для створення кнопки, яку можна натиснути, у формі HTML на вашій веб-сторінці. Ви можете розмістити такий вміст, як текст або зображення, у тегу .........
Ви завжди повинні вказувати атрибут type для тегу. Різні браузери використовують різні типи за замовчуванням для елемента кнопки.
Тег HTML Button можна використовувати всередині та поза формою.
Якщо ви його використовуєте всередині форми , він працює як кнопка надсилання. Ви також можете використовувати його як кнопку скидання.
Якщо ви його використовуєте поза формою , на ньому можна викликати функцію JavaScript.
Приклад тегу кнопки HTML
Давайте подивимося код для відображення кнопки.
Click HereПеревірте зараз
Вихід:
Натисніть тутПриклад кнопки HTML: виклик функції JavaScript
Давайте подивимося код для виклику функції JavaScript після натискання кнопки.
Click Here function hello(){ alert('hello javatpoint user'); } Перевірте зараз Вихід:
Натисніть тутПриклад кнопки HTML: Надіслати форму
Давайте подивимося код для надсилання форми після натискання кнопки.
Enter Name: <br> SubmitПеревірте зараз
Вихід:
Введіть ім'я:Надіслати
Приклад кнопки HTML: Скинути форму
Давайте подивимося код для надсилання форми після натискання кнопки.
Enter Name: <br> resetПеревірте зараз
Вихід:
Введіть ім'я:Скинути
Атрибути тегу кнопки HTML
тег підтримує всі глобальні атрибути та деякі спеціальні додаткові атрибути.
Наведено список атрибутів тегів кнопки HTML.
| Атрибут | опис |
|---|---|
| автофокус | Він визначає, що кнопка повинна автоматично отримувати фокус під час завантаження сторінки. |
| вимкнено | Він визначає, що кнопка має бути вимкнена. |
| форму | Він визначає одну або кілька форм, до яких належить кнопка. |
| формування | Використовується для типу подання. Він визначає, куди надсилати дані форми під час надсилання форми. |
| метод форми | Він визначає, як надсилати дані форми. |
| тип форми | Він визначає, як дані форми повинні бути закодовані перед надсиланням на сервер. |
| formnovavalidate | Він визначає, що дані форми не повинні перевірятися під час надсилання. |
| formtarget | Він визначає, де відображати відповідь після надсилання форми. |
| назва | Він визначає назву кнопки. |
| типу | Він визначає тип кнопки. |
| значення | Він визначає значення кнопки. |
Підтримка браузерів
| елемент |  Chrome |  IE |  Firefox |  Опера |  Сафарі |
| Так | Так | Так | Так | Так |