Atributo value del elemento <button> de HTML

Etiqueta HTML <button>

Definición y uso

value La propiedad define el valor inicial del elemento <button> en el formulario HTML.

Nota:En el formulario, solo se enviará el botón y su valor cuando el botón en sí mismo se utilice para enviar el formulario.

Ejemplo

Dos botones con nombres idénticos, que al hacer clic envían valores diferentes:

<form action="/action_page.php" method="get">
  Elija el tema que más le guste:
  <button name="subject" type="submit" value="fav_HTML">HTML</button>
  <button name="subject" type="submit" value="fav_CSS">CSS</button>
</form>

Prueba personalmente

Sintaxis

<button value="value">

Valor de atributo

Valor Descripción
value Establece el valor inicial del botón.

Compatibilidad del navegador

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Soporte Soporte Soporte Soporte Soporte

Nota:Si utiliza el elemento <button> en un formulario HTML, Internet Explorer 8 y versiones anteriores enviarán el texto entre las etiquetas <button> y </button>, mientras que otros navegadores enviarán value Contenido de la propiedad.

Etiqueta HTML <button>