HTML5 - Creazione di moduli

I form sono elementi in HTML 5 che permettono la raccolta di dati tramite altri elementi figli, per elaborare questi dati avremo bisogno di un linguaggio aggiuntivo per poter utilizzare i dati inviati dal form, il tag che utilizzeremo come grande contenitore sarà modulo.
Crea un modulo base
Per generare un form dobbiamo usare l'etichetta modulo Questo sarà il nostro grande contenitore, al suo interno raggrupperemo elementi di inserimento dati, denominazione delle sezioni e pulsanti che indicheranno qualche azione specifica; i componenti di base che devono entrare nel modulo sono: ingresso sì pulsante e gli attributi di base che trasporta sono azione sì metodo Questi non sono gli unici elementi correlati, ma sono i più importanti perché definiscono la base con cui dobbiamo lavorare.
Vediamo di seguito come generare un form base:

 Esempio Invia Voto 

Come vediamo modulo racchiude gli elementi ingresso sì pulsante. In questo caso utilizza anche gli attributi metodo sì azione che avevamo menzionato in precedenza, descriviamo ciascuno di essi.

• Ingresso: Questo elemento ci consente di acquisire le informazioni che l'utente della nostra pagina inserirà sotto forma di testo, ha diversi attributi nel caso del nostro esempio che usiamo solo patata dolce, questo attributo consente di assegnare un identificatore all'elemento, ciò significa che quando lo inviamo al server possiamo utilizzare alcuni metodi per ottenere le informazioni catturate, quindi è importante che il patata dolce essere univoco all'interno di un modulo.

• Pulsante: Questo elemento ci permette di creare un pulsante sul modulo, generalmente i pulsanti sono quelli che ci diranno che quando li premiamo il modulo verrà elaborato, nel caso del nostro esempio non inseriamo alcun attributo, quindi quando premilo non accadrà nulla.

• Metodo: è un attributo del tag modulo, È di vitale importanza poiché è chi indica il modo in cui verranno passate le informazioni dell'utente raccolte dal modulo, può avere due valori INVIARE sì OTTENERE.

Il primo invierà i dati tramite http quindi possiamo inviare i dati in modo nascosto e solo la pagina di destinazione può riceverli, questo metodo è abbastanza sicuro e ci consente di inviare i dati sensibili del modulo.
Il secondo invierà i dati come parametri nell'url, non è molto sicuro perché chiunque con un minimo di conoscenza potrebbe interpretare ciò che viene inviato e magari provare ad alterare le informazioni, generalmente viene utilizzato per passare dati poco sensibili, come una pagina di elenco, lo stato del controllo che non influisce sul programma, gli ID delle query, ecc.

• Azione: Questo attributo controlla a quale pagina andrà il form, cioè chi riceverà i dati, se il form viene omesso, verrà inviato alla stessa pagina che lo contiene.

Vediamo ora cosa ha prodotto per noi il nostro esempio di base.

Come possiamo vedere, è un campo di inserimento del testo e un pulsante senza nulla di aggiuntivo, questo ci consente di inviarlo a un'altra pagina dove possiamo elaborarlo con un linguaggio di programmazione.
Con questo concludiamo il tutorial, abbiamo già un'idea di come costruire moduli di base, quali elementi sono essenziali e lo scopo dei loro attributi.
Se sei interessato ad approfondire, dai un'occhiata al mio altro Tutorial:
Moduli avanzati in HTML5Ti è piaciuto e hai aiutato questo Tutorial?Puoi premiare l'autore premendo questo pulsante per dargli un punto positivo