Como criar um input com imagem, sem ter que usar css3?
Exemplo: http://www.olivermed...nto_on_line.php
Queria fazer igual a esse site que passei o link, com as bordas redondas...sem o uso de ( CSS3 ).
Eu falo como imagem, pois ai não vai ter que problema de não funcionar em alguns navegadores, como por exemplo o IE.
e-mail: wesleykovalski@gmail.com
Msn: wesley_kovalski__@hotmail.com
Obrigado!

Input De Pesquisa Com Imagem
Started By Wesleykp, 22/02/2012, 15:07
3 replies to this topic
#1
Posted 22/02/2012, 15:07
Atenciosamente,
Wesley Kovalski.
E-mail: wesleykovalski@gmail.com
Wesley Kovalski.
E-mail: wesleykovalski@gmail.com
#2
Posted 10/04/2012, 02:12
Experimente ocultar o botão e realizar uma chamada via terceiro...Exemplo
<img src="imagem-bonitinha.png" onclick="javascript: document.getelementById('imagem').click()"/>
<input type="file" id="imagem" style="visibility:hidden;"/>
Basicamente isso ae
<img src="imagem-bonitinha.png" onclick="javascript: document.getelementById('imagem').click()"/>
<input type="file" id="imagem" style="visibility:hidden;"/>
Basicamente isso ae

#3
Posted 10/04/2012, 14:40
Crie um arquivo para o seu formulário e outro para o css, no css você ataca os campos dos formulário ex:
Para o campo de texto
input{
Coloque aqui o que vc irá querer que apareça no campo de texto imagens de fundo cor das fontes e dimensões;
}
para a caixa de texto
textarea{
Coloque aqui o que vc irá querer que apareça no campo de texto imagens de fundo cor das fontes e dimensões;
}
para os botões vc cria uma classe ex:
.botao{
Coloque aqui o que vc irá querer que apareça no campo de texto imagens de fundo cor das fontes e dimensões;
}
e no formulário você coloca:
<input type="submit" name="button" id="button" value="" class="botao" />
Só deixe o value em branco se você for usar uma imagem no lugar do texto do botão.
Eu anexei um arquivo com uma página de formulário em html com um campo de texto e um botão, uma folha de estilo para eles, e as imagens.
Para o campo de texto
input{
Coloque aqui o que vc irá querer que apareça no campo de texto imagens de fundo cor das fontes e dimensões;
}
para a caixa de texto
textarea{
Coloque aqui o que vc irá querer que apareça no campo de texto imagens de fundo cor das fontes e dimensões;
}
para os botões vc cria uma classe ex:
.botao{
Coloque aqui o que vc irá querer que apareça no campo de texto imagens de fundo cor das fontes e dimensões;
}
e no formulário você coloca:
<input type="submit" name="button" id="button" value="" class="botao" />
Só deixe o value em branco se você for usar uma imagem no lugar do texto do botão.
Eu anexei um arquivo com uma página de formulário em html com um campo de texto e um botão, uma folha de estilo para eles, e as imagens.
Attached Files
Edição feita por: sergiowebdesigner, 10/04/2012, 14:42.
#4
Posted 19/04/2012, 23:44
up !fine!

1 user(s) are reading this topic
0 membro(s), 1 visitante(s) e 0 membros anônimo(s)