Tag <button>

Definições e uso

A tag <button> define um botão clicável

Dentro de um elemento <button> você pode inserir texto (e tags como <i>, <b>, <strong>, <img>, etc.). Isso não é possível com um botão criado com o elemento <input>

Sempre defina o atributo type para o elemento <button>,para mostrar ao navegador qual o tipo deste botão.

Exemplos


<button type="button">Click Me!</button>


<!DOCTYPE html>
<html>
<body>

<h1>Tag button</h1>

<button type="button">Click Me!</button>

</body>
</html>

Resultado

Atributos

Atributo	Valor	Descrição
autofocus	autofocus	Especifica que um botão deve obter foco automaticamente quando a página for carregada
disabled	disabled	Especifica que um botão deve ser desabilitado
form	form_id	Especifica a qual formulário o botão pertence
formaction	URL	Especifica para onde enviar os dados do formulário quando um formulário é enviado.
formenctype	application/x-www-form-urlencoded multipart/form-data text/plain	Especifica como os dados do formulário devem ser codificados antes de enviá-los a um servidor.
formmethod	get post	Especifica como enviar os dados do formulário (qual método HTTP usar).
formnovalidate	formnovalidate	Especifica que os dados do formulário não devem ser validados no envio.
formattarget	_blank _self _parent _top framename	Especifica onde exibir a resposta após o envio do formulário.
name	name	Especifica um nome para o botão
type	button reset submit	Especifica o tipo do botão
value	text	Especifica o valor inicial do botão

Esta tag também suporta Atributos Globais.