Crie botões de texto personalizáveis em HTML usando o entrada marcação. O entrada elemento é usado dentro de um Formato elemento.
Definindo o atributomodelo para "botão", um botão clicável simples é gerado. Você pode definir o texto que aparecerá no botão, como "Enviar", usando o valor atributo. Por exemplo:
O entrada tag não enviará um formulário HTML; você deve incluir JavaScript para lidar com o envio de dados do formulário. Sem JavaScript onclick evento, o botão parecerá clicável, mas nada acontecerá, e você terá frustrado seus leitores.
O 'botão' Tag Alternativa
Embora usando o entrada tag para criar um botão funciona para seu propósito, é uma opção melhor usar o botão tag para criar os botões HTML do seu site. O botão tag é mais flexível porque permite que você use imagens para o botão (o que ajuda a preservar a consistência visual se o seu site tem um tema de design), por exemplo, e pode ser definido como um botão do tipo enviar ou redefinir sem a necessidade de nenhum JavaScript.
Especifique o botão modelo atributo em qualquer botão Tag. Existem três tipos diferentes:
- botão: O botão não tem comportamento inerente, mas é usado em conjunto com scripts executados no lado do cliente que podem ser anexados ao botão e executados quando ele é clicado.
- Redefinir: Redefine todos os valores.
- enviar: O botão envia dados do 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.
- desabilitar: Desativa o botão.
Indo além com botões
HTML5 adiciona atributos adicionais ao botão tag que estende sua funcionalidade.
- auto-foco: Quando a página é carregada, esta opção especifica que este botão é o foco. Apenas um foco automático pode ser usado em uma página.
- Formato: Associa o botão a um formulário específico dentro do mesmo documento HTML, usando o identificador do formulário como valor.
- formação: Usado apenas com type = "enviar" e um URL como valor, especifica para onde os dados do formulário serão enviados. Muitas vezes, o destino é um script PHP ou algo semelhante,
- tipo de formulário: Usado apenas com type = "enviar" atributo. Define como os dados do formulário devem ser codificados quando enviados ao servidor. Os três valores são application / x-www-form-urlencoded (padrão), multipart / form-data, e texto / simples.
- método da forma: Usado apenas com type = "enviar" atributo. Isso especifica qual método HTTP usar ao enviar dados de formulário, obter ou publicar.
- formnovalidato: Usado apenas com type = "enviar" atributo. Os dados do formulário não serão validados quando enviados.
- formtarget: Usado apenas com type = "enviar" 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.
Leia mais sobre fazer botões em formulários HTML, e como tornar seu site mais amigável.