value con immagine per un search form

[mystica]

salve a tutti,
mi chiedevo se è possibile inserire un'immagine nel campo input di un search form
ho provato così

<?php

$pic = "<?php bloginfo('template_url'); ?>/images/cerca.jpg";
?>


<form method="get" id="searchform" action="<?php bloginfo('url'); ?>/">
<input type="text" onfocus="if(this.value=='Search here') this.value='';" onblur="if(this.value=='') this.value='Search here';"


value="[img]<?php echo $pic ?>[/img]"

name="s" id="s" />
</form>

però invece dell'immagine vedo "<?php bloginfo('template_url'); ?>/images/cerca.jpg"
come posso fare?
grazie

[ricman]

Puoi togliere il php così si capisce meglio? (siamo sul forum di html)
..magari serve anche a te per fare maggior chiarezza

[mystica]

grazie per la risposta
col php volevo solo richiamare l'immagine, attraverso la variabile $pic
cmq, dovrebbe essere una cosa del genere

<form method="get" id="searchform" action="<?php bloginfo('url'); ?>/">
<input type="text" onfocus="if(this.value=='Search here') this.value='';" onblur="if(this.value=='') this.value='Search here';"


value="[img]immagine.jpg[/img]"

name="s" id="s" />
</form>

in pratica dentro il value, invece di visualizzare "cerca" vorrei che ci fosse un'immagine

[ricman]

Originariamente inviato da mystica
value="[img]immagine.jpg[/img]"
...
in pratica dentro il value, invece di visualizzare "cerca" vorrei che ci fosse un'immagine

... ... value="" style="background:url(immagine.jpg) no-repeat 50% 50%"

[mystica]

grazie per la risposta
ho provato questo
value="style='background:url(images/cerca.jpg) no-repeat 50% 50%'"
ma nel campo cerca mi appare questo
style='background:url(images/cerca.jpg) no-repeat 50% 50%'

[Sauron_x]

Io non sono un esperto ma se posso esserti d'aiuto io ho fatto così:

<input name="cerca" type="image" src="cerca.png" id="invia"/>

Poi con il css regoli l'immagine come più ti aggrada dando width, height e i relativi position

Ciao!

[ricman]

Originariamente inviato da mystica
grazie per la risposta
ho provato questo
value="style='background:url(images/cerca.jpg) no-repeat 50% 50%'"
ma nel campo cerca mi appare questo
style='background:url(images/cerca.jpg) no-repeat 50% 50%'

Scusa ma non potevi fare come ti avevo scritto io? Non ti piaceva?

[mystica]

si, mi piaceva se avesse funzionato
purtroppo tutti i metodi proposti non funzionano, nel campo input vedo solo il testo con la url della immagine

[br1]

Originariamente inviato da mystica
si, mi piaceva se avesse funzionato
purtroppo tutti i metodi proposti non funzionano, nel campo input vedo solo il testo con la url della immagine

Ma perche' vuoi metterlo dentro il value? accetta solo testo....

Usa un pulsante type=image o un <button></button> o il suggerimento che hai avuto.

Se non ha funzionato ci sara' un motivo... posta come lo hai fatto tu

[mystica]

alla fine ho messo l'immagine fuori dal campo input, in effetti è la soluzione migliore
grazie a tutti!