Come creare un form in HTML

tramite: O2O
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 visualizzare il codice HTML di una pagina web

L'hypertext Markup Language o meglio conosciuto come HTML è il linguaggio di formattazione più utilizzato nella creazione di pagine web vale a dire che è il codice che compone tutte le pagine che scorrono sui nostri browser. Ma per semplice curiosità...
Internet

Come spedire una e-mail in formato HTML

Chi naviga nel web ha sotto gli occhi tutti i giorni una pagina Scritta in formato HTML. Quest'ultima è composta da usa serie di informazioni testuali che vengono codificate, interpretate e trasmesse dal browser. Se dunque avete dimestichezza con questo...
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 inserire in Thunderbird una firma in html

Ognuno di noi vorrebbe rendere speciali i suoi messaggi, da ora si può firmando ogni nostra mail grazie a Thunderbird. È un simpatico sistema di firme in automatico, in modo tale da non doverla riscrivere ogni volta. Quando dobbiamo inserire la nostra...
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 creare una pagina HTML

Ciascuna pagina web si basa su un insieme di comandi utili al browser per farla apparire visivamente nella maniera desiderata dalla persona che la sta progettando: questi comandi appartengono all'HTML. La cosa veramente importante per realizzare dei siti...
I presenti contributi sono stati redatti dagli autori ivi menzionati a solo scopo informativo tramite l’utilizzo della piattaforma www.o2o.it e possono essere modificati dagli stessi in qualsiasi momento. Il sito web, www.o2o.it e Arnoldo Mondadori Editore S.p.A. (già Banzai Media S.r.l. fusa per incorporazione in Arnoldo Mondadori Editore S.p.A.), non garantiscono la veridicità, correttezza e completezza di tali contributi e, pertanto, non si assumono alcuna responsabilità in merito all’utilizzo delle informazioni ivi riportate. Per maggiori informazioni leggi il “Disclaimer »”.