Atributo value do <button> HTML

Etiqueta HTML <button>

Definição e uso

value A propriedade define o valor inicial do elemento <button> no formulário HTML.

Atenção:Apenas o botão e seu valor serão enviados quando o botão em si é usado para submeter o formulário.

Exemplo

Dois botões com o mesmo nome, ao serem clicados, submeterão valores diferentes:

<form action="/action_page.php" method="get">
  Selecione o assunto que você mais gosta:
  <button name="subject" type="submit" value="fav_HTML">HTML</button>
  <button name="subject" type="submit" value="fav_CSS">CSS</button>
</form>

Experimente você mesmo

Sintaxe

<button value="value">

Valor da propriedade

Valor Descrição
value Define o valor inicial do botão.

Suporte do navegador

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Suporte Suporte Suporte Suporte Suporte

Atenção:Se você usar o elemento <button> em um formulário HTML, os navegadores Internet Explorer 8 e anteriores submeterão o texto entre as etiquetas <button> e </button>, enquanto outros navegadores submeterão value Conteúdo da propriedade.

Etiqueta HTML <button>