Tag <button>


A tag <button> no HTML é utilizada para criar botões em páginas web. Ela permite incluir diferentes tipos de conteúdo, como texto, imagens, entre outros.

Atributos

Atributo type

Define o tipo de botão. Os valores comuns são submit, reset e button. O valor submit envia o formulário mais próximo quando clicado, “reset” limpa os campos do formulário e “button” é padrão, sem comportamento específico.

<button type="submit">Enviar</button>
<button type="reset">Limpar</button>
<button type="button">Clique Aqui</button>

Atributo name e value

Usados quando o botão está dentro de um formulário. name define o nome do botão para ser enviado com o formulário, e value especifica o valor associado ao botão.

<button type="submit" name="submit" value="enviar">Enviar</button>

Atributo disabled

Desativa o botão, tornando-o não interativo. Isso pode ser útil para indicar visualmente que uma ação não está disponível no momento.

<button type="button" disabled>Clique Aqui</button>

Atributo onclick

Permite a execução de código JavaScript quando o botão é clicado. O código associado é especificado como uma string no atributo onclick.

<button type="button" onclick="minhaFuncao()">Clique Aqui</button>

Referências