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

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

Атрибут name (HTML тега <button>) задает имя для кнопки, которое передается при отправке формы.

Обращаю Ваше внимание, что допускается использовать одинаковые имена для кнопок в пределах одной формы, но при этом необходимо, чтобы они имели различные значения (атрибут value). Имя кнопки может использоваться при работе клиентских скриптов на языке Javascript.

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

Атрибут	Chrome	Firefox	Opera	Safari	IExplorer	Edge
name	Да	Да	Да	Да	Да	Да

Синтаксис:

<button name = "name">

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

Значение	Описание
name	Задает имя для кнопки, которое передается при отправке формы.

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

Нет.

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

<!DOCTYPE html>
<html>
	<head>
		<title>Пример использования атрибута name HTML тега <button></title>
	</head>
	<body>
		<form>
			Choose your destiny:<br>
			<button name = "destiny" type = "submit" value = "novice">Novice</button>
			<button name = "destiny" type = "submit" value = "warrior">Warrior</button>
			<button name = "destiny" type = "submit" value = "master">Master</button>
			<button name = "destiny" type = "submit" value = "grandmaster">Grandmaster</button>
		</form>
	</body>
</html>

В данном примере мы:

Создали четыре элемента <button> с типом, предназначенным для отправки данных формы на сервер (атрибут type).
Атрибутом name присвоили для каждой кнопки одинаковое имя.
Атрибутом value указали уникальные значения для каждой кнопки.

Результат нашего примера:

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

HTML тег <button>