-
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.
Codice:
<input type="image" src="path/immagine.gif" name="submit" alt="boh" />
2. Racchiudere l'immagine in un tag <a> e affidarti al javascript:
Codice:
<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:
Codice:
<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.
-
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.