Довідники HTML5 button

Що таке button в HTML5?

HTML тег <button> дозволяє створити кнопку на сторінці сайту. Цей тег дуже схожий на тег <input type="button">, проте вони мають кардинальні відмінності. 

Во-перше, цей тег може спокійно знаходитися поза тегом form і браузери не будуть виводити жодних помилок. Во-друге, тег button дає великі можливості при оформленні кнопок за допомогою CSS. Наприклад, ви можете помістити в цей тег зображення або інші теги і налаштувати їх відображення за допомогою CSS.

Подібні кнопки можуть знаходитися в інших тегах, таких як абзац або ж span. Таке розташування також не викличе жодних помилок зі сторони браузера. Вимагає закриваючий тег </button>.

Атрибути:
  • value - сюди записується значення кнопки, яке буде відправлено на сервер. Не варто плутати з написом кнопки, яке записується в сам тег;
  • name - тут буде знаходитися унікальна назва кнопки;
  • type - тип кнопки. При натисканні очищення форми або ж відправка інформації на сервер;
  • form - за допомогою цього атрибута можна вказати зв'язок між об'єктом та формою;
  • disabled - робить кнопку неактивною;
  • accesskey - додавання гарячих клавіш;
  • formtarget - відкриття результату в новому вікні;
  • formmethod - спосіб (метод) пересилки інформації;
  • formenctype - кодування даних форми.
<button>Кнопка з текстом</button>
<button>
 	<img src="../img/spravka/html5.png"
  	style="width:30px; vertical-align: middle"
  	alt="Машинка"> Кнопка-картинка 
</button>
Результат:
Коментарі
Додати коментар

Поки що коментарів немає