HTML5 - Moduli avanzati

Impostazione della codifica dei dati
Sappiamo che i moduli inviano i dati che raccolgono dall'utente a una nuova pagina o a se stesso, tramite il protocollo http utilizzando uno qualsiasi dei metodi come OTTENERE o INVIARE. Esistono diversi modi per codificare i dati per inviarli http, i possibili tipi di codifica sono i seguenti:

• application / x-www-form-urlencoded: Questo è il metodo predefinito utilizzato, non può essere utilizzato per caricare file sul server.

• multipart / form-data: questo metodo viene utilizzato per caricare i file sul server.

• testo/normale: Questo metodo dipende dal browser, ognuno lo tratta in modo diverso.

Per vedere un po' più in là la differenza tra i metodi, dobbiamo creare un form con almeno due campi in modo da poter vedere i diversi comportamenti.
Vediamo il form da creare:

 Esempio Invia Voto 

Codifica application / x-www-form-urlencoded è quello che viene applicato per impostazione predefinita, questa è una codifica di uso generale viene utilizzata per tutto tranne che per l'elaborazione di upload di file, la sua particolarità risiede nel fatto che utilizza il formato URL per passare i parametri, in modo che il nostro modulo una volta inviato, invii il Next informazione:

 preferito = mele e nome = Leon + Ramirez 

Vediamo che i valori inseriti dall'utente vengono assegnati ai nomi dei nostri campi, i caratteri speciali verranno sostituiti da un equivalente in entità HTML e vediamo che ogni coppia di valori è separata da un & in questo modo sappiamo quale campo è il prossimo.
Codifica multipart / form-data È molto più complesso e gestisce molti più elementi, questo perché è quello usato per caricare i file, quindi ha bisogno di inviare le informazioni di un file come immagine, e per questo ha questa struttura:

 ------ WebKitFormBoundary2qgCsuH4ohZ5eObF Content-Disposition: form-data; name = "fave" Apple ------ WebKitFormBoundary2qgCsuH4ohZ5eObF Content-Disposition: form-data; name = "name" Leon Ramirez ------ WebKitFormBoundary2qgCsuH4ohZ5eObF-- fave = Apple name = Leon Ramirez 

Codifica testo/normaleÈ gestito da ciascun browser in modo diverso e non è ampiamente utilizzato, a meno che non si tratti di un'applicazione specifica in un ambiente controllato.
Attributo di completamento automatico
Questo attributo è utile per molte persone a cui non piace inserire i dati più ripetuti in una forma come il nome e cognome o l'email, tuttavia ci sono applicazioni molto più delicate come Internet banking dove abbiamo bisogno della massima privacy nell'introduzione dei nostri dati.
Per controllare questo gestiamo l'attributo completamento automatico, questo può andare a livello di modulo o a livello di ingresso, e ha due valori sopra sì spento, vale a dire acceso o spento, come potresti aver già dedotto quando è acceso sopra consente al browser di suggerire dati che l'utente ha precedentemente inserito in moduli simili o nello stesso modulo che sta visualizzando, e quando si trova in spento non offre alcun suggerimento. Vediamo la sua applicazione con due esempi molto semplici.

 Esempio Invia Voto 

 Esempio Invia Voto 

Nel nostro primo esempio vediamo come lo otteniamo dall'intera forma, e nel secondo esempio vediamo come lo otteniamo anche dall'intera forma, solo nel nostro primo ingresso lo attiviamo, potremmo anche fare il contrario e attivarlo per l'intero modulo, e disattivare un particolare campo.
Con questo concludiamo questo tutorial, avendo le conoscenze per rendere i moduli un po' più complessi, oltre a sapere come funzionano internamente per inviare i dati.Ti è piaciuto e hai aiutato questo Tutorial?Puoi premiare l'autore premendo questo pulsante per dargli un punto positivo