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

HTML тег <button>

Значение и применение

Атрибут type (HTML тега <button>) задает тип, используемой кнопки.

Всегда указывайте для тега <button> тип атрибута type = "button" если элемент используется в качестве обычной кнопки.

Поддержка браузерами

АтрибутChrome
Chrome
Firefox
Firefox
Opera
Opera
Safari
Safari
Internet Explorer
IExplorer
Microsoft Edge
Edge
typeДаДаДаДаДаДа

Синтаксис:

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

Значения атрибута

ЗначениеОписание
buttonОбычная кликабельная кнопка, которая не имеет поведения по умолчанию. Может использоваться совместно с клиентскими скриптами.
resetКнопка, которая сбрасывает все значения элементов управления формы к их первоначальным значениям.
submitКнопка, которая служит для отправки данных формы на сервер. Это значение по умолчанию, если атрибут не указан, или если атрибут динамически меняется в пустое или недопустимое значение.

Отличия HTML 4.01 от HTML 5

Нет.

Пример использования

<!DOCTYPE html>
<html>
	<head>
		<title>Пример использования атрибута type HTML тега <button></title>
	</head>
	<body>
		<button type = "button" onclick = "alert('Я просто кнопка вне формы')">кнопка вне формы</button><br><br>   
		<form>
			Login: <input type = "text" name = "login"><br><br> 
			Password: <input type = "password" name = "password"><br> <br> 
			<button type = "reset">Сбросить</button><button type = "submit">Отправить</button> 
		</form>	
	</body>
</html>

В данном примере мы указали три разлиных элемента <button>:

Внутри формы для первого поля задали тип однострочное текстовое поле <input> (type = "text"), а для второго однострочное текстовое поле, предназначенное для ввода пароля в котором символы, введенные внутри поля скрываются (type = "password").

Пример использования атрибута type HTML тега <button> (задает тип, используемой кнопки).
Пример использования атрибута type HTML тега <button> (задает тип, используемой кнопки).
HTML тег <button>