ancora sul form submit

buongiorno...

sto realizzando un piccolo motore di ricerca per quello che sarà il mio blog...

al momento sto inserendo il form per l'input text, e devo metterci anche l'input submit...


ma quest'ultimo è proprio brutto da vedere....
vorrei sostituirlo con un immagine, e che al clic sull'immagine (che con molta fantasia sarà una lente di ingrandimento) il contenuto del form venga poi processato sul server.

qualcuno sa come si potrebbe fare questa cosa?

Hai sostanzialmente due modi per usare un'immagine al posto del pulsante submit:

1.

<input type="image" src="path/immagine.gif" name="submit" alt="boh" />

2. Racchiudere l'immagine in un tag <a> e affidarti al javascript:

<a href="#" onclick="document.forms['nomeForm'].submit()"><img src="ecc." /></a>

Volendo però - ed è quella che sta diventando consuetudine - puoi lavorare sul vero pulsante submit dandogli colore di sfondo, colore del testo, dimensione ecc. attraverso i css. In questo modo lo personalizzi (quasi) come se fosse un'immagine:

<input type="submit" style="background-color: #BBB; color: red;" ecc. />

Certo, non potrà mai essere una lente d'ingrandimento, ma magari ti va anche meglio.

[karl94]

La cosa migliore è lasciare invariato l'elemento input con il suo testo e applicare le varie proprietà CSS per ottenere il risultato desiderato.
Per visualizzare l'immagine, è sufficiente impostarla come sfondo, per nascondere il testo puoi impostare la proprietà font-size su 0, dovrai poi assegnare una larghezza ed una altezza, infine dovrai probabilmente eliminare il bordo.
Se usassi altri metodi, come un collegamento che invia il form tramite javascript o un pulsante senza testo, creeresti problemi agli utenti che per qualsiasi motivo non supportano il javascript o il CSS.