Атрибут type до HTML тега <button>

9 червня 2022 р.151

Зміст

Визначає тип кнопки, який встановлює її поведінку у формі. На вигляд кнопки різного типу ніяк не відрізняються, але у кожної такої кнопки свої функції.

Синтаксис

<button type="button | reset | submit">...</button>

Значення

button: Звичайна кнопка.
reset: Кнопка для очищення введених даних форми та повернення значень у початковий стан.
submit: Кнопка для надсилання даних форми на сервер.
menu: Відкриває меню, створене за допомогою елемента <menu>.

Значення за замовчуванням

submit

Приклад

<! DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>BUTTON, атрибут type</title>
</head>
<body> <form action="handler.php"> <p><input type="text" name="user"></p> <p><button type="reset">Очистити форму</button> <button type="submit">Надіслати форму</button></p>
</form>
</body>
</html>

Браузери


4	12	1	6	1	1


1	1	6	1

Браузери

У таблиці браузерів застосовуються такі позначення.

— елемент повністю підтримується браузером;
— елемент браузером не сприймається та ігнорується;
— при роботі можлива поява різних помилок, або елемент підтримується з застереженнями. li>

Число вказує версію браузреа, з якої елемент підтримується.