Jump to content


Photo

Input De Pesquisa Com Imagem


  • Faça o login para participar
3 replies to this topic

#1 Wesleykp

Wesleykp

    Novato no fórum

  • Usuários
  • 1 posts
  • Sexo:Masculino

Posted 22/02/2012, 15:07

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!
Atenciosamente,
Wesley Kovalski.

E-mail: wesleykovalski@gmail.com

#2 shayllis

shayllis

    12 Horas

  • Usuários
  • 152 posts
  • Sexo:Masculino
  • Localidade:Barueri - SP
  • Interesses:PHP, MySQL, ASP.NET C# e VB, DreamWeaver, VisualStudio, JavaScript

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 ;)

#3 sergiowebdesigner

sergiowebdesigner

    Novato no fórum

  • Usuários
  • 3 posts
  • Sexo:Masculino
  • Localidade:Curitiba

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.

Attached Files


Edição feita por: sergiowebdesigner, 10/04/2012, 14:42.


#4 looners

looners

    Novato no fórum

  • Usuários
  • 16 posts
  • Sexo:Feminino
  • Localidade:danmark

Posted 19/04/2012, 23:44

up !fine!Posted Image




1 user(s) are reading this topic

0 membro(s), 1 visitante(s) e 0 membros anônimo(s)

IPB Skin By Virteq