O botão onipresente é um grampo de qualquer página web, e se você está construindo sua página usando HTML5, você pode incluir todos os tipos usuais de botões. Existem três principais tipos de botões, embora todos eles parecem idênticos para o usuário:

Video: Inserir botão de rede social. HTML5 CSS3 aula 34

• botão padrão: Um botão padrão apenas se parece com um botão. Estes botões são utilizados um pouco na programação javascript para acionar algum tipo de ação no lado do cliente.

  Video: #2 HTML Aula 38 - Slider de fotos com botões

• Botão de envio: Este botão é normalmente utilizado na programação do lado do servidor. Ele empacota-se todos os dados no formulário e submete-lo para um programa que vive em um servidor Web remoto.

• Botão de reset: Este tipo botão especial foi construído com comportamento. Quando o usuário clica em um botão de reset, todos os dados no formulário são redefinidos para seus valores padrão originais.

A forma da figura mostra cada tipo de botão, todos olhando praticamente o mesmo:

Além dos três tipos de botões, elementos de botão podem ser criados de duas maneiras diferentes. O primeiro é com o entrada element- basta usar o seguinte código:

Quando usado desta forma, o valor propriedade torna-se o rótulo do botão, eo tipo propriedade indica qual o tipo de botão que você pretende construir. Não é necessário adicionar um rótulo para um botão, porque a etiqueta está implícita.

Mas porque os botões não são realmente utilizados para a entrada, mas para especificar que o usuário quer fazer algo, uma nova sintaxe botão evoluiu:

botão padrão

Esta sintaxe introduz um botão tag com tags de início e fim. o tipo atributo é usado para indicar qual o tipo de botão que deseja usar. (O padrão é “enviar“, mas é usado principalmente no desenvolvimento do lado do servidor.)

o botão sintaxe tende a ser mais limpa, e faz CSS formatação de um pouco mais fácil, como botões raramente são formatados da mesma forma que outros elementos de entrada.

O código para uma página web com ambos os tipos de botão se parece com isso:

Demonstração Form