Тег <button> створює клікабельні кнопки на веб-сторінках. Він дозволяє користувачам взаємодіяти з веб-сторінкою, ініціюючи дії, такі як надсилання форми або виконання JavaScript-коду. Хоча в цьому курсі ми не зосереджуємося на JavaScript, важливо знати, що така можливість існує.

Типи кнопок

• Стандартна кнопка (<button type="button">): універсальна кнопка для різних дій на сторінці, наприклад, виклику JavaScript-функцій або переходу на іншу сторінку;
• Кнопка надсилання (<button type="submit">): використовується у формі для надсилання даних форми на сервер;
• Кнопка скидання (<button type="reset">): використовується у формі для скидання полів форми до початкових значень.

Приклад:

У наведеному вище прикладі:

• Перша кнопка — це стандартна кнопка з атрибутом onclick, який викликає сповіщення при натисканні;
• Друга кнопка — це кнопка відправки, яка надсилає дані форми на сервер;
• Третя кнопка — це кнопка скидання, яка повертає поля форми до їхніх початкових значень.