<button>

Тег <button> створює на веб-сторінці кнопку і за своєю дією нагадує результат, одержаний за допомогою тега <input type="text"> (з атрибутом type="button | reset | submit").

На відміну від тега <input type="button">, тег <button> пропонує ширші можливості по створенню кнопок. Наприклад, в кнопці можна розміщувати будь-які елементи HTML, в тому числі зображення.

Кнопка, що створена за допомогою елемента <button> може розміщуватися поза межами форми, але щоб у неї була можливість відправляти дані на сервер, необхідно, щоб кнопка розміщувалася в формі.

Ось так виглядає стандартна кнопка: Кнопка

Кнопка з малюнком:

Використовуйте CSS стилі, щоб задати кнопці нестандартний вид, це робиться шляхом зміни шрифту, кольору тла, розмірів та інших властивостей.

Якщо ви використовуєте тег <button>, завжди вказуйте атрибут type, тому, що різні браузери встановлюються різні початкові значення цього атрибута.

Синтакс

<button type="button">Кнопка</button>

Приклади