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>