Тег кнопки HTML

Тег кнопки HTML

Тег використовується для створення кнопки, яку можна натиснути, у формі 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 Він визначає, де відображати відповідь після надсилання форми.
назва Він визначає назву кнопки.
типу Він визначає тип кнопки.
значення Він визначає значення кнопки.

Підтримка браузерів

елемент браузер chromeChrome тобто браузерIE браузер firefoxFirefox браузер операОпера браузер safariСафарі
Так Так Так Так Так

Тег кнопки HTML також підтримує глобальні атрибути та атрибути події в HTML.