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

HTML тег <button>

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

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

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

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

АтрибутChrome
Chrome
Firefox
Firefox
Opera
Opera
Safari
Safari
Internet Explorer
IExplorer
Microsoft Edge
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>

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

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

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