Criar Web, manuais e recursos para desenvolvimento web
Manuais
Programas
FAQS
Diretório
Comunidade
  Inicio > FAQ
SEÇÕES
Monotemáticos
+ HTML
+ CSS
+ PHP
+ ASP
+ Javascript
Manuais
+ Desde 0
+ Tecnologia
+ Divulgação de sites
+ Flash
+ Mais manuais
Outras Seções
+ Diretório
+ Buscar em CriarWeb
+ Programas
+ Faqs
+ Colabore
Serviços e comunidade
+ Home comunidade
+ Suas Páginas
+ Boletim
+ Cadastrar-se
+ Gerador de METAs
+ Enquete
+ Livro de visitas

Parceiros
- CSS para Web Design
- S.O.S Designers
- Slackware-Brasil
- Crie seu Web site
- Oficina da Net


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

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?

A FAQ Colocar uma imagem como um botão para enviar um formulário tem Pertence à categoria:
Resposta de Miguel Angel Alvarez 19/12/07
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>

 
FAQ 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
  + O atributo alt nas imagens
  + Divs ou tabelas para iniciar um projeto
  + Enviar formulários HTML sem gerar correio com Outlook
  + Links a correios eletrônicos de envio automático
  + Ajuda para imprimir página HTML
  + Links que mostram explicação ao colocar o mouse em cima
  + Função tecla Enter em HTML
  + Como conseguir que só os links externos se abram em outra página web
  + Comentários HTML
  + Misturar formas nos mapas de imagens
  + Compatibilidade de Iframe nos diferentes navegadores
  + Alinhar o conteúdo horizontal e verticalmente
  + Mudar a descrição das etiquetas META uma vez publicadas
  + Problemas com a inserção de um ícone personalizado em minha web
  + Mudar a cor dos links
  + Baixar arquivos automaticamente ao entrar em uma página
  + Tabela HTML com borda simples em vez de dupla
  + Indicar o assunto nos links a e-mail e formulários
  + Evitar que o navegador mostre arquivos que ponho para download
  + Tela completa com foto no centro
  + Dirigir um link ao frame desejado, ao invés de a si mesmo
  + Quero fazer um link fora da minha página
  + Tenho um problema na hora de implementar um scroll
  + Ir à página anterior ao clicar uma imagem
  + 800X600 ou 1024X768 ?
  + Texto em movimento com HTML
  + Links a pastas ao invés de arquivos
  + Vírgulas em lista de palavras-chave
  + Editores de HTML
  + Mapa de imagens com HTML
  + HTML em um correio
  + Acentos em sua página web
  + Como fazer um frame sem bordas
  + Web Safe Colors
  + A etiqueta <BR> não se tem que fechar?
  + Para que serve em concreto a etiqueta <head>... </head>?
  + Erro típico em mapas de imagens por #
  + Centralizar tabela
  + Criar HTML dinamicamente
  + Fazer coincidir imagens
  + E-mail com fundo gif
  + 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
  + 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

Complementar a respostaComplementar a resposta
Voltar à árvore de categoriasVoltar à árvore de categorias


Sobre nós | Copyright | Anuncie | Entrar em contato <criarweb>

Hospedado por Hostnet Hospedagem de Sites