Page 109 - Guida tascabile HTML5

pagina o a muoversi nelle ultime pagine visitate, pratica a volte non ottimale

quando si utilizzano determinati paradigmi di programmazione.

<form>
<input type="search" name="s">
<input type="submit" value="Cerca">
<input type="reset">
</form>

Il listato dell’esempio mostrerà due pulsanti: il primo, Cerca, ha il
comportamento descritto in precedenza nel paragrafo, mentre il secondo,

Ripristina, causa il ripristino dei campi.

NOTA Anche in questo caso, se non viene specificato un attributo value, i pulsanti
mostreranno un testo predefinito, localizzato secondo le preferenze del browser.

Figura 6.16 Nell’esempio, il testo di default del tasto reset è Ripristina.

ATTENZIONE Il pulsante di reset ha effetto solo sui campi dello stesso tag <form> in
cui è nidificato: in caso di una pagina con più form, i tasti reset non interferiranno fra
loro.
<form>
<input type="search" name="s">
<input type="submit" value="Cerca">
<input type="reset">
</form>

NOTA Con il giusto set di istruzioni JavaScript è possibile prevedere un popup di
conferma per prevenire clic indesiderati sul pulsante di reset.

Pulsanti alternativi: type=”image”

Nella specifica HTML è previsto anche un <input> con type="image", che

consente di specificare l’URL di un’immagine e associare eventi ai clic su di essa
in modo analogo a quanto avviene con i pulsanti standard: questa possibilità

consente di non accontentarsi dell’aspetto predefinito dei pulsanti visualizzato di

default dal browser, ma di avere piena libertà e controllo per quanto riguarda
l’aspetto dei controlli.

<input type="image" src="lente.png" alt="cerca" title="cerca" name=invia
width="40px">

Come vedete nel listato di esempio, gli attributi legati a type="image" sono
analoghi a quelli associati al tag <img>: è necessario specificare l’attributo src con