I moduli HTML sono uno strumento molto potente per interagire con gli utenti, ma per ragioni tecniche non è sempre ovvio come utilizzarli al massimo delle loro potenzialità. In questo caso non è sufficiente inviare semplicemente i dati: è inoltre necessario assicurarsi che i dati che gli utenti compilano nei moduli vengano inviati nel formato corretto necessario affinché vengano elaborati correttamente e che ciò non interrompa le applicazioni esistenti. È anche importante aiutare gli utenti a compilare correttamente i moduli ea non sentirsi frustrati quando tentano di utilizzare le applicazioni.
Il tag viene utilizzato per creare un modulo HTML. In re altà non crea un margine, ma viene utilizzato come contenitore padre per elementi come. Sia che tu voglia creare un semplice modulo di iscrizione con pagamento e pagamento regolari, o applicazioni web interattive, dovrai utilizzare i tag degli elementi HTML per funzionare, il più importante dei quali è.
Come standardModuli HTML
I moduli HTML sono stati inventati e ampiamente standardizzati prima dell'avvento di JavaScript asincrono e di applicazioni web complesse. Oggi vengono utilizzati input di moduli, pulsanti e altri meccanismi di interazione, ma il fulcro di questo è un sistema basato sul paradigma di richiesta e risposta
Quando un utente carica una pagina, viene inviata una richiesta http (solitamente una cosiddetta richiesta GET). Viene inviato dal tuo browser al server e di solito il server risponde con la pagina web che l'utente sta cercando. Questa interazione è uno dei concetti più fondamentali di Internet. E questo spiega esattamente come funzionano i moduli HTML.
Il processo di scambio di informazioni con il server
Ogni, che include elementi come, si trova all'interno e ha un attributo name (nome), oltre al suo valore. Il valore è definito in diversi modi. Per il testo, questo sarà il valore che è stato inserito nel campo dall'utente del sito. Per un pulsante di opzione, il valore dell'opzione selezionata. L'utente può impostare il valore, ma molto spesso non può impostare l'attributo del nome. Questo crea un insieme di coppie nome/valore in cui i valori sono determinati dall'input dell'utente.
La principale differenza tra un modulo e un normale documento HTML è che, nella maggior parte dei casi, i dati raccolti da un modulo vengono inviati a un server web. In questo caso, è necessario configurare un server web per ricevere ed elaborare i dati. attributo azione tagspecifica la posizione (URL) in cui devono essere inviati i dati raccolti.
Come appare la risposta del server
Quando il modulo viene inviato, le coppie nome-valore e tutti i campi all'interno dell'elemento vengono inclusi in HTTP. Viene inviata una richiesta all'URL specificato nel modulo dell'attributo action. Il tipo di richiesta (GET o POST) sarà nell'attributo del metodo. Ciò significa che tutti i dati forniti dall'utente vengono inviati al server non appena viene inviato il modulo e il server può fare tutto ciò che vuole con quei dati. Quando il server riceve un invio di un modulo, lo tratta come qualsiasi altra richiesta HTTP. Il server fa tutto ciò che deve fare con i dati inclusi e invia una risposta al browser.
Se ricordi che caricare la pagina è la risposta, noterai che la stessa cosa accade qui. In una tipica forma creata con il tag, la risposta è una nuova pagina caricata dal browser. In genere, la nuova pagina sostituisce il contenuto corrente, ma questo può essere sovrascritto con l'attributo target. La stragrande maggioranza dei moduli online funziona in questo modo, motivo per cui l'utente viene inviato a una pagina di ringraziamento quando compila un modulo di iscrizione e-mail.
App Web e moduli senza tag
Le moderne applicazioni web interattive utilizzano il codice JavaScript per effettuare richieste http asincrone. Si tratta di chiamate al server che non causano il ricaricamento della pagina. Non si basano su un tag, un elemento HTML integrato nel comportamento. Non combinano tutti i dati in un unico insieme.utente e non inviarli immediatamente. Per questo motivo, molti progettisti di layout HTML + JS nelle applicazioni web non utilizzano il tag su tutti i moduli. Più spesso, lo usano semplicemente come una sorta di contenitore per vari tipi di campi ed elementi di input. In questo caso, il metodo e gli attributi di azione utilizzati non saranno visibili.
Ulteriori informazioni sui moduli
I moduli HTML sono uno dei punti salienti dell'interazione di un utente con un sito Web o un'applicazione. Consentono agli utenti di inviare dati al sito. Il più delle volte, i dati vengono inviati al server Web, ma la pagina Web può anche intercettarli per utilizzarli da soli. Ci sono molti elementi relativi al modulo: diversi tipi di pulsanti, selettori per diversi tipi, meccanismi di feedback. Pertanto, può essere difficile decidere quali valori assegnare agli attributi del tag. Quando si tratta di creare moduli, è necessario farli funzionare su schermi di dimensioni diverse. È importante renderli accessibili alle persone con disabilità. Questo è il motivo per cui i moduli e i tag degli attributi sono forse l'aspetto più complesso dell'HTML.
In cosa consiste la forma
Il modulo HTML è costituito da uno o più widget. Possono essere campi di testo a riga singola o multi-riga, caselle di selezione, pulsanti o pulsanti di opzione. Sono spesso associati a un attributo che descrive il loro scopo: implementati correttamente possono istruire chiaramente sia gli utenti vedenti che quelli non vedenti su come accedere al modulo di input. Attributoassociati correttamente rispettivamente ai rispettivi attributi for e id. L'etichetta for fa quindi riferimento all'attributo id del widget corrispondente e lo screen reader, utilizzandolo, leggerà ciò che vi è scritto.
Oltre alle strutture specifiche del tag, è importante ricordare che i moduli sono solo codice HTML. Ciò significa che puoi utilizzare tutta la potenza dell'HTML per strutturare i tuoi moduli. Una pratica comune consiste nell'utilizzare il tag per avvolgere gli elementi contrassegnati con
. Anche gli elenchi HTML sono ampiamente utilizzati; per la strutturazione vengono utilizzate più caselle di controllo o pulsanti di opzione. Dopo aver creato i campi di input, resta da aggiungere un pulsante utilizzando il tag e verificare il risultato. La flessibilità dei moduli HTML li rende una delle strutture più complesse nel formato HTML. Ma con la giusta struttura durante la creazione di un modulo HTML, puoi assicurarti che sia utilizzabile e accessibile.
