Annullare campi form tornando indietro col tasto del browser

[allin81]

Salve a tutti

ho un piccolo problema su un mio sito che vorrei provare a risolvere.

Nella home page del mio sito è presente un modulo di ricerca (vacanza)

Nella prima select scelgo la data (le date le inserisco in un database e le estraggo)
Nella seconda select scelgo la durata (esempio 7 notti)
Nella terza select scelgo il tipo di pacchetto (volo+hotel)
La quarta select esce appena riempio la terza select e rappresenta l'aeroporto di partenza

Poi cerco ed escono i risultati.
Fin qui tutto ok

Adesso vorrei fare in modo che quando l'utente clicca indietro sul browser, il form si azzeri.
In teoria potrebbe anche annullare solo la terza select dove mi viene chiesto il tipo di pacchetto.

In definitiva, tornando indietro, vorrei mettere di default la scritta "seleziona" dalla select

Esiste qualcosa in html che mi faccia fare cio'?
Oppure devo usare qualche javascript?

Grazie

[KillerWorm]

Ciao, col solo HTML è possibile impostare l'attributo autocomplete come off, sia per gli elementi input del form sia per l'intero form.
Questo fa appunto in modo di evitare che il browser compili automaticamente, con i valori precedentemente inseriti, i relativi campi su cui è applicato l'attributo.

Purtroppo attualmente questo attributo non è supportato in modo stabile dagli elementi select, ma tutto sommato impostandolo per il form ho notato che anche i select vengono svuotati quando si torna indietro sulla pagina.

Se ti andare bene svuotare tutti i campi, può essere sufficiente questa soluzione.

In teoria è comunque possibile applicare contemporaneamente autocomplete="off" sul form e autocomplete="on" sugli input per i quali si vuole mantenere il valore precedentemente selezionato. In questo caso però ci sono diversi comportamenti per i diversi browser; provando su FF 63, CH 72 e IE/Edge, ho notato che funziona solo in Chrome in cui gli input che hanno "on" vengono appunto riempiti col valore precedentemente selezionato, mentre tutti gli altri elementi (compresi i select) avranno il valore di default.

Diciamo che risolvi in parte, quantomeno il form si azzera quando torni indietro sulla pagina ma, solo su CH, funziona l'autocomplete="on" applicato ai singoli specifici input, perché sovrascrive l'autocomplete="off" del form.

Una soluzione più crossbrowser penso si possa ottenere azzerando i campi (nel tuo caso il select) via JavaScript, come appunto hai supposto tu stesso.

[allin81]

Ciao killerWorm

ti ringrazio per l'intervento
Beh la soluzione dell'autocomplete off sul modulo l'ho appena testata e funziona perfettamente.

Domani provo anche a metterlo sui singoli campi (on e off) ed a fare qualche test, magari ho trovato la soluzione giusta.

Ti ringrazio, hai risolto in buona parte il mio problema.
Grazie

[carlomarangoni]

Non è sufficiente mettere nella pagina i tag:

<META HTTP-EQUIV=”Pragma” CONTENT=”no-cache”>
<META HTTP-EQUIV=”Cache-Control” CONTENT=”no-cache”>

?

[allin81]

Non è sufficiente mettere nella pagina i tag:

<META HTTP-EQUIV=”Pragma” CONTENT=”no-cache”>
<META HTTP-EQUIV=”Cache-Control” CONTENT=”no-cache”>

?

non conosco questo tag, ma adesso provo e vi aggiorno

[allin81]

Ho provato anche quella soluzione, ma non mi funziona.
La soluzione dell'autocomplete off è quella che va meglio

Grazie