Атрибут value
Синтаксис
(X)HTML
<form action="..."> ... <button value="[значение]"> ... </button> ... <form>
Описание
Атрибут / параметр value
(от англ. "value" ‒ «значение») присваивает интерактивной кнопке значение, отправляемое на сервер.
Примечание
Данный параметр может быть использован для передачи на сервер какой-нибудь дополнительной информации (например, время заполнения формы).
Условия использования
- Данный атрибут присваивается только тем кнопкам, которые находятся в состоянии «копки отправки данных формы»;
- Для отправки указанного значение на сервер, элемент
button
должен обладать атрибутом «name
» (с указанным уникальным именем).
Поддержка браузерами
Chrome
Поддерж.
Firefox
Поддерж.
Opera
Поддерж.
Maxthon
Поддерж.
IExplorer
Поддерж.
Safari
Поддерж.
iOS
Поддерж.
Android
Поддерж.
Спецификация
Верс. | Раздел |
---|---|
HTML | |
2.0 | |
3.2 | |
4.01 | 17.5 The BUTTON element value = cdata [CS]... DTD: Transitional
Strict
Frameset
|
5.0 | 4.10.6 The button element The value attribute... |
5.1 | 4.10.6. The button element The value attribute... |
XHTML | |
1.0 | Extensible HyperText Markup Language DTD: Transitional
Strict
Frameset
|
1.1 | Extensible HyperText Markup Language |
Значения
В качестве значения данного атрибута указывается текстовое содержимое, передаваемое на сервер.
Пример использования
Листинг кода
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Параметр value (Элемент button)</title>
</head>
<body>
<h1>Пример использования атрибута "value"</h1>
<form action="/examples/php-scripts/FIE.php" method="get">
<p>Введите ваше имя: <input type="text" name="first_name"></p>
<p>
<button type="reset" name="reset"> Очистить </button>
<button type="submit" name="submit" value="new value"> Отправить </button>
</p>
</form>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>Параметр value (Элемент button)</title>
</head>
<body>
<h1>Пример использования атрибута "value"</h1>
<form action="/examples/php-scripts/FIE.php" method="get">
<p>Введите ваше имя: <input type="text" name="first_name"></p>
<p>
<button type="reset" name="reset"> Очистить </button>
<button type="submit" name="submit" value="new value"> Отправить </button>
</p>
</form>
</body>
</html>
Параметр value (Элемент button)