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

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 il più interattiva possibile in modo che, l'utente possa "interagire" con i suoi contenuti. Uno dei...
Linux

I migliori contact form su Wordpress

Stai cercando di aggiungere un modulo di contact form sul tuo sito di WordPress? Non sei sicuro di quale dei 1625 e più contact form WordPress usare? In questo articolo, abbiamo selezionato manualmente i 5 migliori moduli di contatto per WordPress. Quindi...
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 che verrà utilizzato sarà java e, grazie all'utilizzo dell'editor, sarà possibile...
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, a prima vista può sembrare piuttosto complesso da capire e mettere in pratica. Tuttavia, se si...
Windows

Come compilare moduli online e salvare password con RoboForm

Spesso quando si naviga su internet, per loggarsi nei vari account a cui si è registrati, è necessario compilare manualmente dei form. Il che, può far perdere tempo prezioso. Pensate, ad esempio, a tutti i campi da compilare quando si invia un Curriculum...
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 qualcosa e fare investimenti, creando apposite pagine di vendita atte a promuovere servizi e prodotti. Nel web...
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 davvero valide che ti daranno la possibilità, in una maniera rapida e indolore, di salvare...
Software

Come Usare WordPress come sistema di ticketing

La vostra società ha svariate sedi in luoghi differenti con un elevato numero di dipendenti oppure di utenti e per voi è veramente difficile riuscire a gestire tutte le problematiche e le richieste che pervengono da essi?? Se possedete un blog o direttamente...
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 »”.