Come creare un form in HTML

Il linguaggio di programmazione maggiormente adoperato è sicuramente l'HyperText Markup Language (HTML). Per formare un'interfaccia dei moduli (caselle di testo, menù a discesa, tasti da cliccare, contatti, ecc.) all'interno di una pagina web, si deve impiegare un form. Con riferimento al modulo contatti fondamentale nella progettazione, i suoi campi redatti vanno inviati. Affinché giungano a destinazione, è necessario realizzare una pagina in Hypertext Preprocessor (PHP) adeguata. Nel seguente tutorial di informatica, vi andrò a spiegare bene come creare un form in HTML senza commettere nessun errore.

• Conoscenza di base in HTML
• Personal computer (PC)
• Blocco note

Un attributo molto importante che andrà inserito nel tag form è "action". Questo rappresenta l'URL del programma di risposta che elaborerà i dati oppure l'indirizzo email del webmaster. Quando si deve creare un sito web, si consiglia vivamente di realizzare un modulo contatti con un form HTML. Questo consente di formare campi dove eseguire varie azioni (come scrivere del testo o selezionare opzioni). I form HTML vanno immessi nel tag della pagina web ed è possibile dargli un nome con l'attributo "name".

Quando si deve creare un form HTML, è possibile scegliere tra le due tecniche di invio "get" o "post". Tramite "get" il programma di risposta viene spedito in un unico passaggio, ma non si possono inviare form HTML aventi valori maggiori di 255 caratteri totali. Con riferimento al metodo "post", non c'è limite sulla lunghezza dei dati e l'invio del programma di risposta avviene in due step. Inizialmente viene raggiunta la pagina che si trova sul server che elaborerà i dati e successivamente quest'ultimi vengono inviati.

Per riempire o modificare un form HTML, bisogna adoperare "input". L'attributo principale di quest'ultimo è "type", il quale può assumere numerosi valori (button, text, file, image, reset, submit, checkbox, radio, hidden o password). Scrivendo "text", verrà realizzata una casella di testo dove poter inserire un testo. La dimensione della casella di testo si potrà impostare con "size", mentre il numero massimo di testo consentito andrà stabilito con "maxlength". Quando viene scritto "button", verrà creato un pulsante.

Quando si desidera creare un pulsante di invio, è necessario adoperare gli attributi "submit" e "value". Quest'ultimo consente di specificare il testo da visualizzare sul tasto da cliccare. Volete realizzare un pulsante che rimuove tutto il contenuto del form HTML creato? Dovete allora scrivere "reset" ed impostare il nome sempre con "value". L'inserimento di un campo per la password (che verrà rappresentata con gli asterischi in sostituzione dei caratteri) richiede l'utilizzo di "password".

Se intendete creare alcuni piccoli quadrati dedicati alla scelta multipla, dovete utilizzare il valore "checkbox". Questo consente di selezionare anche due o più quadratini. Scrivendo "radio" come valore all'attributo "type", realizzerete dei bottoni circolari per la scelta di un'alternativa soltanto tra quelle presenti. Attraverso i valori "file" e "image", è possibile consentire rispettivamente il caricamento di un file salvato nel PC e la visualizzazione del pulsante di invio come un'immagine.

Qualora aveste bisogno di un menù di opzioni tra le quali effettuare la scelta, vi basterà impiegare l'elemento "option". In questo caso, dovete specificare l'opzione prestabilita e il nome di ogni voce che si intende mettere. Se desiderate inserire un testo in più righe, vi basta impiegare l'elemento "textarea". Per stabilire la grandezza dell'area dove è possibile scrivere, utilizzate gli attributi "rows" (numero di righe) e "cols" (numero di colonne).

• Leggete alcuni libri di informatica dedicati al linguaggio di programmazione HTML oppure effettuare una ricerca sul web.

• I form HTML (inserire moduli in una pagina web) - Mr. Webmaster
• Creare form online: 7 applicazioni - HTML
• Come creare un modulo HTML che può essere inviato a un indirizzo email

• Come convertire un testo Word in HTML
• Come mappare un'immagine con l'HTML
• HTML: 10 cose da sapere