September 7
In HTML, un modulo è la parte di un documento che contiene i controlli e le relative etichette. Un controllo HTML è un elemento che consente a un utente di interagire con la forma. HTML definisce diversi tipi di controllo, inclusi i pulsanti, caselle di controllo, pulsanti di opzione, menu, immissione di testo, file di selezione, comandi nascosti e controlli degli oggetti. Questo tutorial copre gli elementi più comuni con un uso limitato dei loro attributi.
1 Definire il modulo utilizzando il "modulo" e tag "input" a l'editor di testo di vostra scelta. Il tag "input" è il tag più utilizzato all'interno forme. Il suo attributo "tipo" permette di specificare il tipo di controllo:
<Form> <Input> </ Input> </ Form> |
2
Creare un input di testo, che consente agli utenti di digitare lettere e numeri. Questo esempio crea una coppia nome utente / password:
<Form> Nome utente: <Input type = "text" name = "username"> Parola d'ordine: <Input type = "text" name = "password"> </ Form> |
3
Fare pulsanti di opzione. I pulsanti di opzione sono controlli che permettono all'utente di selezionare uno su alcune scelte:
<Form> <Input type = "radio" nome = valore "status" = "single"> Singolo <Br> <Input type = "radio" nome = valore "sesso" = "sposato"> Married </ Form> |
4
Aggiungete un po 'caselle di controllo. A differenza di pulsanti di opzione, caselle di controllo consentono più di una opzione di un numero limitato di scelte:
<Form> Rosso: <Input type = "checkbox" nome = valore "colore" = "Red" /> <Br /> Verde: <Input type = "checkbox" nome = valore "colore" = "verde" /> <Br /> Blu: <Input type = "checkbox" nome = valore "colore" = "Blue" /> </ Form> |
5
Utilizzare attributo "action" del form e creare un pulsante "Invia". Facendo clic su un pulsante "Invia" invia i dati che risiedono nei controlli descritte nei passaggi da 2 a 4 per un server che elaborerà il modulo. Il luogo in cui i dati vengono inviati al specificato nel l'attributo "azione":
<Form name = azione "input" = "destination_file.asp" method = "get"> Mittente: <Input type = "text" name = "utente"> |