Corsi on-line

L’attributo formaction di HTML5

formaction è il nome di un attributo introdotto da HTML5 che compie la funzione di specificare verso quale risorsa inviare i dati di un form quando questi vengono spediti; si tratta di un elemento destinato a determinare l’override, in pratica la sovrascrittura, di un altro attributo diffusamente utilizzato nella creazione dei moduli per il feedback, action. A differenza di quest’ultimo, che prende parte alla definizione del componente form, formaction viene impiegato unicamente per i button associati a type="submit".

HTML5A livello tecnico formaction ha quindi il compito di forzare un form in modo che questo punti verso uno specifico URL utilizzato in sostituzione di quello definito come valore passato ad action nell’elemento form; per questo motivo formaction supporta, oltre che il già specificato input type="submit", anche input type="image" e button. L’URL indicherà la destinazione dei parametri inviati dal modulo.

Per quanto riguarda il formato dell’URL, quest’ultimo potrà essere un URL assoluto, come per esempio l’indirizzo completo di una pagina Internet (“http://blog.mrwebmaster.it/2015/11/05/lettura-di-file-json-da-angularjs.html”), o un URL relativo, che punta quindi ad un determinato file interno al sito Web corrente (ad esempio href=”lettura-di-file-json-da-angularjs.html”); per quanto riguarda invece il submit, è previsto un formato come il seguente:

<button type="submit" formaction="URL-di-destinazione">

Uno degli utilizzi più frequenti di questo attributo potrebbe riguardare la scelta della risorsa di destinazione per un determinato feedback; il form proposto di seguito presenta due pulsanti per il submit, il primo invierà i dati del form verso la pagina assistenza.php, il secondo (associato a formaction), verso la pagina informazioni.php:

<form action="assistenza.php" method="get">
   Nome: <input type="text" name="nome"><br />
   Cognome: <input type="text" name="cognome"><br />
   ...
   <button type="submit">Contatta l'assistenza</button><br />
   <button type="submit" formaction="informazioni.php">Richiedi informazioni</button>
 </form>

Relativamente al supporto offerto all’attributo formaction dai più diffusi browser per la navigazione Internet, esso è compatibile con Mozilla Firefox a partire dalla versione 4, con Safari 5.2 (la release 5 per quanto riguarda la versione mobile dell’applicazione Apple), Google Chrome dall’aggiornamento numero 10 in poi, Opera 10.6 o superiore, Internet Explorer 10 o versioni più recenti e Android 4.0 o aggiornamento successivo.

Post correlati
I più letti del mese
Tematiche