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

Assicurati di avere a portata di mano:
  • 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.

510

Guarda il video

Continua la lettura
610

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.

710

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

810

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.

910

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

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

Programmazione

Come validare un form con JavaScript

Al fine di rendere più interessante ed accattivante un sito, colui che si occupa della sua realizzazione, deve essere capace di rendere la pagina web ...
Programmazione

HTML: impostare il colore di sfondo

L' html è un potente linguaggio testuale che serve per la creazione di pagine Web. Nato moltissimi anni fa, viene ancora oggi utilizzato come principale ...
Internet

Come ottenere icone, pulsanti e widget del proprio profilo su Twitter

Uno dei social network più noti ed usati, secondo solo a Fecebook, è Twitter. La sua caratteristica peculiare è che permette di inviare brevi messaggi ...
Programmazione

Come realizzare un form con Bootstrap

Con il termine form in informatica si indica generalmente un'interfaccia di applicazione che consente a un utente client di inserire e successivamente inviare al ...
Windows

Come fare l'upload di un file php

Il mondo dell'informatica che negli ultimi anni ha preso sempre di più il sopravvento, diventando parte integrante della vita quotidiana di ognuno di noi ...
Internet

Come inserire un box messaggi gratuito sul sito o blog

Se possiedi un sito personale o un proprio blog, ma non vuoi correre il rischio che la tua casella di posta elettronica venga inondata di ...
Internet

Come effettuare un redirect in HTML

Esistono diversi modi per effettuare il redirect, ovvero per reindirizzare l'utente verso un'altra pagina web. Di seguito verrà spiegato il redirect tramite l ...
Internet

Come aggiungere il pulsante "Pin it" su Wordpress

WordPress è una piattaforma che permette di creare da zero un blog o un sito web ed è particolarmente indicata per tutti coloro che non ...
Windows

Come creare un'interfaccia grafica in NetBeans

In tale guida verrà descritto come creare un'interfaccia grafica in NetBeans sfruttando un comodo editor Drag & Drop messo a disposizione dal programma. Il linguaggio ...
Internet

Come realizzare una landing page

Quello del web è un mondo fantastico e pieno di risorse per tutte le esigenze. Grazie ad esso negli ultimi anni è possibile anche guadagnare ...
Programmazione

Come creare un login in PHP con sessioni

I linguaggi di programmazione sono diversi e ci tornano utili per organizzare in modo ordinato numerose pagine web. Uno dei più funzionali è senza alcun ...
Internet

Come fare un backup delle email di Gmail

All'interno di questa guida, andremo a trattare un tema molto interessante, che ha a che fare con le email. Come avrete già potuto comprendere ...
Internet

Come centrare pagina html

L'Html è il linguaggio di formattazione che descrive come impaginare o visualizzare un contenuto di una pagina con dei tag di formattazione. L'Html ...
Internet

Come creare una firma animata per forum e siti web

Hai voglia di creare un qualcosa di veramente sfizioso per la tua firma animata da inserire nei forum che visiti? Hai voglia di far sorridere ...
Internet

Come centrare header

Il linguaggio HTML si avvale di molti elementi complementari per rendere ancora più belli e godibili i siti internet. Tra questi esiste il linguaggio CSS ...
Internet

Come centrare header

Ecco una guida utile ed interessante, attraverso il cui aiuto, concreto ed anche molto e del tutto pratico, potremo essere in grado d'imparare come ...
Internet

Come centrare un oggetto in html

Come ben noto, HTML è il linguaggio di programmazione utilizzato per disegnare le pagine web.
In questa guida tratteremo l'allineamento del testo rispetto ad ...
Internet

Come centrare pagina html

L'Html è il linguaggio di formattazione che descrive come impaginare o visualizzare un contenuto di una pagina con dei tag di formattazione. L'Html ...
Software

Come modificare un file PDF

Oggi ti spiegheremo una cosa veramente utile ossia, come anticipato dal titolo,"Come Modificare un file PDF". Tutto ciò tramite l'aiuto di applicazioni online ...
Programmazione

Come cambiare un attributo CSS tramite JavaScript

In ambito informatico sono esistiti - ed esistono tutt'ora - molti linguaggi di programmazione per il web. Sebbene nessuno di essi sia davvero facile da apprendere ...
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»”.