Colocar uma imagem como um botão para enviar um formulário

Pergunta
Queria criar um formulário personalizado com uma imagem. Essa imagem deve ser clicada para enviar o formulário, ou seja, deve funcionar como um botão de submit, porém não é um botão e sim a imagem. Tem que ser feito com alguma linguagem de programação com Javascript?

Valorize esta FAQ:
A FAQ Colocar uma imagem como um botão para enviar um formulário tem Pertence à categoria:
Resposta
Para colocar uma imagem para enviar um formulário existe uma etiqueta HTML específica, não necessita utilizar nenhuma linguagem de script para configurar esse comportamento de uma imagem, porque HTML já provê a infra-estrutura por meio da etiqueta <input> dos formulários.

A imagem deve ser colocada de maneira parecida a um submit, porém o tipo de submit é image e logo tem o atributo src para definir a rota onde se encontra o arquivo gráfico da imagem.

Deixo um exemplo de formulário com uma imagem, que clicando sobre ela se envia o formulário, como se fosse um botão de submit.

<form action="http://www.meu-dominio.com" method="post">

Algo: <input type="text" name="texto">

<input type=image src="images/go.gif" width="25" height="15">

</form>

Por Miguel Angel Alvarez

Voltar à árvore de categorias Voltar à árvore de categorias

Comentários da faq
Foi enviado 1 comentário à faq
1 comentário não revisado
0 comentários revisados
 
FAQs relacionadas
  + Links para downloads de arquivos
  + Mudar tipografia para toda a página
  + Desenho com frames. Vantagens e inconvenientes.
  + Mostrar um endereço simples na barra de endereços
  + Como inserir um contador de visitas
  + Por que aconselham aprender HTML?
  + Colocar links em HTML de uma cor determinada
  + Esconder o endereço da página em uma janela
  + Links que carreguem uma nova janela
  + Conteúdo dos META
  + Fazer uma enquete
  + Estilo nos campos de formulário
  + Mudar o subject no envio de formulários
  + Desativar a função auto-completar em um campo de texto
  + Formulário dirigido a um e-mail
  + Uso do tabulador para passar de um campo a outro
  + Links a correios eletrônicos de envio automático
  + Opção padrão em branco em um combobox
  + Enviar formulários sem que aceitem programação em servidor
  + Campo Hidden de um formulário HTML
  + [...]

Ver todas las FAQS de HTML / Formulários HTML

Usuários :    login / registro

Home | Sobre nós | Copyright | Anuncie | Entrar em contato