Come creare un form in HTML

Tramite: O2O 05/04/2017
Difficoltà: facile
110

Introduzione

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.

210

Occorrente

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

Gli attributi "action" e "name"

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".

410

I metodi di invio "get" e "post"

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.

Continua la lettura
510

L'attributo "type" con valore "text" o "button"

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.

610

L'attributo "type" con valore "submit", "reset" o "password"

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".

710

L'attributo "type" con valore "checkbox", "radio", "file" o "image"

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.

810

Gli elementi "textarea" e "option"

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).

910

Guarda il video

1010

Consigli

Non dimenticare mai:
  • Leggete alcuni libri di informatica dedicati al linguaggio di programmazione HTML oppure effettuare una ricerca sul web.
Alcuni link che potrebbero esserti utili:

Potrebbe interessarti anche

Segnala contenuti non appropriati

Tipo di contenuto
Devi scegliere almeno una delle opzioni
Descrivi il problema
Devi inserire una descrizione del problema
Si è verificato un errore nel sistema. Riprova più tardi.
Segnala il video che ritieni inappropriato
Devi selezionare il video che desideri segnalare
Verifica la tua identità
Devi verificare la tua identità
chiudi
Grazie per averci aiutato a migliorare la qualità dei nostri contenuti

Guide simili

Internet

Come centrare un oggetto in html

HTML è il linguaggio di programmazione utilizzato per disegnare le pagine web.In questa guida, passo dopo passo, vedremo come centrare un oggetto in HTML. Solitamente in ogni testo scritto, si usa l'allineamento a sinistra per il corpo del documento,...
Internet

Come convertire un template PSD in HTML

Nel campo del web design i template sono dei file che contengono la formattazione base di un sito e quindi comprendono: sfondo, tipo di carattere, distribuzione e dimensione del testo. Vengono utilizzati per creare un sito che abbia uno stile uniforme...
Internet

Come centrare un'immagine HTML

Le immagini HTML sono quelle che danno ad un sito Internet un aspetto piacevole, che spiegano meglio quanto vi viene descritto e che lo rendono maggiormente “appetibile” per i visitatori. Utilizzare in modo sapiente le immagini in un sito web o in...
Internet

Come spedire una e-mail in formato HTML

La comunicazione tra persone avviene solitamente mediante una telefonata, un messaggio su Whatsapp, una chat privata in un social network o un messaggio di posta elettronica. Con riferimento a quest'ultimo modo di comunicare, lo scambio di e-mail potrà...
Internet

Come inserire HTML su Facebook

Facebook, il famigerato social network online, vi consente di condividere informazioni, pensieri e attività con amici, familiari e colleghi. A seguito degli ultimi aggiornamenti però, è divenuto piuttosto difficile personalizzare la propria pagina,...
Internet

Come stampare una pagina Html

Nel caso in cui abbiate la necessità di stampare una pagina HTML, è bene che sappiate che, in alcuni casi, non è possibile stamparle con la formattazione originale. Questo inconveniente rischia di causare la pardite di parte del contenuto della pagina...
Internet

Come inserire in Thunderbird una firma in html

Vuoi assicurarti che chi riceve le tue e-mail abbia tutte le informazioni giuste per ricontattarti? Piuttosto che inserire manualmente i tuoi dati, crea la tua firma personale su Thunderbird: sarà aggiunta automaticamente in calce ad ogni tuo messaggio....
Internet

come inserire degli elementi decorativi HTML di Outlook 2007 nei messaggi di posta elettronica

Molti noi quando utilizzano la posta elettronica, lo fanno attraverso il programma di Microsoft Office Outlook 2007, in questo caso è possibile inserire nei propri messaggi degli elementi decorativi HTML, infatti Outlook comprende una serie di stili...