Le specifiche HTML includono i tag per la creazione di campi di input di testo all'interno di forme, che è quindi possibile programmare in JavaScript, PHP o ASP.Net per inviare a un database. Il tag <input> è usato per fare campi di input per il testo e inviare pulsanti in HTML4 e XHTML. È inoltre possibile utilizzare <input> per creare speciale "nome" o campi di immissione di testo "e-mail" quando si codifica in HTML5. Anche se non a livello di codice molto diverso dal vecchio "testo" di ingresso, questi <input> tipi aggiungono significato semantico alla pagina Web.

istruzione

1 Aprire la pagina Web in un editor di codice, e trovare l'apertura tag <form>. Se non vedi uno, aggiungere apertura e chiusura <form> tag al codice pagina. Tra questi tag, digitare il tag <input> e qualsiasi altro tag form legati necessari. Un campo di testo generico simile a questa in HTML:

<Input type = "text" />

2 Aggiungere un attributo "nome" al tag <input>, e dargli un nome significativo unico. È inoltre possibile aggiungere l'attributo "valore" di un tag <input> per precompilare il metodo di scrittura.

<Input type = "text" name = value "nome" = "John Doe" />

3 Avvolgere un tag <label> intorno al tag <input> per aggiungere un'etichetta per il vostro input di testo. Digitare il testo per l'etichetta da qualche parte tra l'apertura e la chiusura <label> tag, prima o dopo il tag <input>. Quindi impostare l'attributo "for" per l'etichetta a un nome del tag <input>.

<Label> Il tuo nome: <input type = "text" name = value "nome" = "John Doe" /> </ label>

4 Modificare l'attributo "tipo" da "testo" per "nome", per usare il codice HTML5, se lo si desidera. A partire dal 2011, non tutti i HTML5 <input> tipi funzionano nei browser più popolari, ma "nome" e lavoro "e-mail" sia in Chrome e Firefox. Questo non cambia molto, ma è più semantico o "significativa" di codifica. Anche cambiare "valore" a "segnaposto", e impostare un testo segnaposto. I valori per <input> vengono inviati al server quando l'utente fa clic sul pulsante "Invia" per errore, ma segnaposto fornisce solo un testo di esempio. Ecco ciò che il <input> campo per un nome assomiglia in HTML5:

<Label> Il tuo nome: <input type = "nome" name = "nome" segnaposto = "John Doe"> </ label>

Consigli e avvertenze

• Non utilizzare il codice HTML5 a meno che la prima installazione di un JavaScript per renderlo compatibile-con i vecchi browser.
• Quando si codifica per HTML5, alcuni attributi non funzionano con i vecchi browser. In questo caso, i browser più recenti ottenere il contenuto extra "helper", come ad esempio il testo, mentre la pagina funziona ancora su browser più vecchi, ma con meno funzioni. È inoltre possibile utilizzare JavaScript caduta di valore.