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

Описание

Атрибут value определяет значение, которое будет отправлено на сервер при нажатии кнопки типа submit. Это позволяет различать, какая именно кнопка была нажата в форме.

Пример использования:
<form action="/process" method="post"> <input type="text" name="product_name"> <button type="submit" name="action" value="add_to_cart"> Добавить в корзину </button> <button type="submit" name="action" value="save_for_later"> Сохранить на потом </button> </form>
Аспект Поведение Особенности
Отправка данных Пара name/value отправляется только для нажатой кнопки Только для type="submit"
Синтаксис Любые строковые значения Рекомендуется использовать snake_case или kebab-case
Доступность Не влияет на видимый текст кнопки Текст задаётся между тегами button

Советы по использованию:

  • Используйте для форм с несколькими действиями (сохранить/удалить/обновить)
  • Сочетайте с атрибутом name для чёткой идентификации действия
  • Для сложных значений можно использовать data-атрибуты + JavaScript
  • Значения должны быть понятными и согласованными на всём проекте

Примечание: Хотя value можно использовать для любых значений, рекомендуется применять его для простых идентификаторов действий, а сложные данные передавать через скрытые поля формы.