Criando botões usando tags de entrada HTML em formulários

Você pode criar botões de texto personalizáveis em HTML usando o tag. o elemento é usado dentro de um

elemento.

Definindo o atributo tipo para "botão", um simples botão clicável será gerado. Você pode definir o texto que aparecerá no botão, como "Enviar", usando o valor atributo.

Por exemplo:

Esteja ciente de que o tag não enviará um formulário HTML; você ainda precisará incluir o JavaScript para manipular o envio de dados do formulário. Sem um JavaScript onclick No entanto, o botão parecerá clicável, mas nada acontecerá e você terá frustrado seus leitores.

o

Embora o uso da tag de entrada para criar um botão funcione para essa finalidade, é uma opção melhor usar tag para criar os botões HTML do seu site. o A tag é mais flexível porque permite usar imagens para o botão (que ajuda a preservar a consistência visual se o site tiver um tema de design), por exemplo, e pode ser definido como um tipo de botão de envio ou redefinição sem precisar de nenhum extra JavaScript.

Você vai querer especificar o botão tipo atributo em qualquer Tag. Existem três tipos diferentes:

botão - O botão não tem comportamento inerente, mas é usado em conjunto com scripts que são executados no lado do cliente, que podem ser anexados ao botão e executados quando são clicados.

restabelecer - Redefine todos os valores.

enviar - O botão envia dados de formulário para o servidor (este é o valor padrão se nenhum tipo for definido).

Outros atributos incluem:

nome - Dá ao botão um nome de referência.

valor - Especifica um valor a ser atribuído inicialmente ao botão.

desativar - Desliga o botão.

O HTML5 adiciona alguns atributos adicionais ao
formação - Usado apenas com type = "submit" e um URL como o valor, especifica onde os dados do formulário serão enviados. Por exemplo:

formenctype - Usado apenas com type = "submit" atributo. Define como os dados de formulário devem ser codificados quando submetidos ao servidor. Os três valores são aplicativo / x-www-form-urlencoded (padrão), multipart / form-data, e text / plain.

formmethod - Usado apenas com type = "submit" atributo. Isso especifica qual método HTTP usar ao enviar dados de formulário, seja pegue ou postar.

formnovalidato - Usado apenas com type = "submit" atributo. Os dados do formulário não serão validados quando enviados.

formtarget - Usado apenas com type = "submit" atributo. Isso indica onde a resposta do site deve ser exibida quando os dados do formulário são enviados, como em uma nova janela, etc. As opções de valor são: _blank, _self, _parent, _top, ou um nome de quadro específico.

Se você estiver usando formulários, talvez queira ler os botões em formulários HTML e como tornar seu site mais amigável.