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

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

Атрибут value (HTML тега <button>) определяет начальное значение для кнопки.

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

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

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

Синтаксис:

<button value = "value">

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

Значение	Описание
value	Определяет начальное значение для кнопки.

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

Нет.

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

<!DOCTYPE html>
<html>
	<head>
		<title>Пример использования атрибута value 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 указали уникальные значения для каждой кнопки.

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

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

HTML тег <button>