Os formulários HTML são uma das formas mais básicas de adicionar interatividade ao seu site. Você pode fazer perguntas e solicitar respostas de seus leitores, fornecer informações adicionais de bancos de dados, configurar jogos e muito mais. Há vários elementos HTML que você pode usar para criar seus formulários. E depois de criar seu formulário, há muitas maneiras diferentes de enviar esses dados para o servidor ou apenas iniciar a ação do formulário em execução.
Estas são várias maneiras pelas quais você pode enviar seus formulários:
-
- Este é o método mais comum de obter dados para o servidor, mas pode ser muito simples.
-
- Com uma imagem, é muito fácil tornar o botão de envio adequado ao estilo do site. Mas algumas pessoas podem não reconhecê-lo como um botão de envio.
-
- O botão
ENTRADA tag dá muitas das mesmas opções que a imagem
ENTRADA tag, mas parece mais com o tipo de envio padrão. Requer JavaScript para ativar.
- O botão
-
- o
BOTÃO tag é um tipo de botão mais versátil do que o
ENTRADA tag. Esta tag requer que o Javacript seja ativado.
- o
- o
COMANDO O elemento é novo em HTML5 e fornece uma maneira de ativar scripts e formulários com ações associadas. É ativado com JavaScript.
- o
O elemento INPUT
A entrada
ENTRADA elemento é a maneira mais comum de enviar um formulário, tudo que você faz é escolher um tipo (
botão,
imagemou
enviar) e, se necessário, adicione alguns scripts para enviar à ação do formulário.
o elemento pode ser escrito assim. Mas se você fizer isso, você terá resultados diferentes em diferentes navegadores. A maioria dos navegadores cria um botão que diz "Enviar", mas o Firefox cria um botão que diz "Enviar consulta". Para alterar o que o botão diz, você deve adicionar um atributo:
value = "Enviar formulário">
O elemento é escrito assim, mas se você deixar todos os outros atributos, tudo o que será exibido nos navegadores será um botão cinza vazio. Para adicionar texto ao botão, use o
valoratributo. Mas esse botão não enviará o formulário, a menos que você use JavaScript.
onclick = "submit ();">
O é semelhante ao
botãotype, que precisa de um script para enviar o formulário. Exceto que, em vez de um valor de texto, você precisa adicionar um URL de origem da imagem.
O elemento do botão
o
BOTÃOelemento requer uma tag de abertura e uma tag de fechamento. Quando você usá-lo, qualquer conteúdo que você incluir dentro da tag será colocado em um botão. Então você ativa o botão com um script.
Enviar o formulário
Você pode incluir imagens em seu botão ou combinar imagens e texto para criar um botão mais interessante.
O elemento de comando
o
COMANDOelemento é novo com HTML5. Não requer um
FORMATO para ser usado, mas pode atuar como um botão de envio para um formulário. Esse elemento permite criar mais páginas interativas sem exigir formulários, a menos que você realmente precise de formulários. Se você quiser que o comando diga alguma coisa, escreva as informações em um
rótuloatributo.
label = "Enviar Formulário">
Se você quiser que seu comando seja representado por uma imagem, use o comando
íconeatributo.
icon = "submit.gif">
Os formulários HTML têm várias maneiras diferentes de enviar, como você aprendeu na página anterior. Dois desses métodos são o
ENTRADAtag e o
BOTÃOtag. Há boas razões para usar esses dois elementos.
O elemento de entrada
A tag é a maneira mais fácil de enviar um formulário. Não requer nada além da tag em si, nem mesmo um
valorQuando um cliente clica no botão, ele é enviado automaticamente. Você não precisa adicionar nenhum script, os navegadores sabem enviar o formulário quando um envio
ENTRADAtag é clicada.
O problema é que esse botão é muito feio e simples. Você não pode adicionar imagens a ele. Você pode estilizá-lo como qualquer outro elemento, mas ainda pode parecer um botão feio.
Use o
ENTRADAmétodo quando seu formulário precisa estar acessível mesmo em navegadores que tenham o JavaScript desativado.
O elemento BUTTON
o
BOTÃOelemento oferece mais opções para enviar formulários. Você pode colocar qualquer coisa dentro de um
BOTÃOelemento e transformá-lo em um botão de envio. Geralmente, as pessoas usam imagens e texto. Mas você poderia criar um
DIV e faça dessa coisa toda um botão de envio, se quiser.
A maior desvantagem para o
BOTÃOelemento é que ele não envia automaticamente o formulário. Isso significa que precisa haver algum tipo de script para ativá-lo. E assim é menos acessível que o
ENTRADAmétodo. Qualquer usuário que não tenha o JavaScript ativado não poderá enviar um formulário com apenas um
BOTÃOelemento para enviá-lo.
Use o
BOTÃOmétodo em formulários que não são tão críticos. Além disso, essa é uma ótima maneira de adicionar opções de envio adicionais em um formulário.
