O HTML
O
- O que é e como usar a tag
- Quais os atributos do elemento HTML
- Exemplo de uso da tag
- Qual a compatibilidade com os navegadores?
Boa leitura!
O que é e como usar a tag
O elemento
É importante dizer que o elemento tem um tipo definido como button que tem o mesmo objetivo do botão, ou seja, executar uma ação ao ser clicado. A principal diferença entre eles é que o não pode ter imagens ou outros elementos HTML inseridos – o que é possível com a tag
O elemento . Portanto, tudo o que estiver declarado entre elas será considerado como parte do botão. Assim, é possível utilizar imagens e textos para modificar a sua apresentação em uma página HTML.
Quais os atributos do elemento HTML
A tag HTML
Focar no botão quando a página carregar: autofocus
O atributo autofocus é utilizado quando queremos que a pessoa usuária da aplicação tenha a sua atenção voltada a um determinado elemento da página para fazer com que ela interaja com ele. Para isso, basta adicionar o atributo autofocus ao declarar o . É importante dizer que apenas um elemento na página pode utilizar essa condição, que também pode ser alterada por meio de código JavaScript.
Ao utilizar esse recurso sem nenhum tipo adicional de formatação CSS, o navegador insere uma borda reforçada no botão, o que permite identificar o autofocus. Entretanto, a forma de chamar a atenção da pessoa usuária pode ser modificada com a aplicação de estilos CSS.
Desativando um botão: disabled
Em determinadas situações em uma página, pode ser necessário desativar um botão para que a pessoa usuária não consiga realizar alguma ação específica. Isso é feito por meio do atributo disabled, que faz com que o botão fique com a aparência meio apagada.
O atributo HTML disabled button pode ser utilizado em diversos elementos da página e assim como acontece com o autofocus, pode ser alterado por meio de código JavaScript e estilizado com CSS.
Escolhendo o nome de um botão: name
O atributo name serve para definir um nome para o botão. Quando utilizado em um formulário, é possível adicionar vários botões com o mesmo nome atribuído a cada um deles. Dessa forma, pode-se obter os valores associados, pois ele é entendido como um array de elementos
Definindo a qual formulário um botão pertence: form
Ao definir um layout que utilize um formulário e dispor os elementos na página, nem sempre é possível adicionar o botão geralmente por uma questão visual e estratégica de disposição dos elementos. Isso é bem comum e pode acontecer com diferentes tags.
Para que o botão colocado fora das tags de abertura e fechamento do formulário
faça parte do conjunto de elementos definidos, é preciso associá-lo a ele. Isso é feito por meio do vínculo de dois atributos: o id do formulário e o atributo form no botão. Veja um trecho de código.
Perceba que no elemento
Definindo o destino dos dados de um formulário: formaction
Quando utilizamos formulários em uma página HTML, existem alguns atributos que são responsáveis por realizar o processamento adequado, seja para enviar o conteúdo para o servidor, seja para realizar outra ação específica. O atributo formaction contém a informação referente ao destino dos dados quando o formulário é submetido para o servidor.
O elemento
É importante dizer que a função do formaction é a mesma que a do atributo action definido na tag
