Come Inserire un campo di testo in HTML

March 25

Come Inserire un campo di testo in HTML


Ricevere informazioni da coloro che vedono il vostro sito web è uno strumento prezioso. Un semplice modulo con i campi di testo permette di chiedere un feedback e un utente di dare il loro contributo. Costruire una tale forma in HTML è un compito che può essere completato anche da programmatore alle prime armi.

istruzione

1 Avviare il software editor HTML. Se non si dispone di un editor HTML, è possibile utilizzare il Blocco note (PC) o TextEdit (Mac). Entrambi sono installati su sistemi operativi Windows o Apple.

2 Selezionare "File" e "Apri" dal menu di navigazione del programma di aprire un documento HTML esistente. Se si sta creando un nuovo documento HTML, selezionare "Nuovo" sotto la discesa File, invece.

3 Aggiungere il codice del gestore modulo nascosto prima di qualsiasi campo di testo. Il codice sarà qualcosa di simile a questo:

<Form name = azione "forma" = "http://www.url.com/formhandler.cgi" method = "post">

Il server host o servizio modulo sarà in grado di fornire il codice esatto.

4 Inserire il codice di campo di testo sotto lo script gestore del modulo. Il campo di testo è dove gli utenti potranno digitare il testo. Sono disponibili diverse opzioni per modificare il codice di campo di testo:

"Nome" definisce come il campo viene riconosciuto: name = "My_Form"

"Tipo" definisce se il modulo è un testo o la password based: type = "text" (. Se la password viene scelta, il campo sarà nascondere il testo di input)

"Size" definisce la larghezza del campo: size = "2"

"Maxlength" definisce il numero massimo di caratteri che può essere inserito nel campo: maxlength = "25"

"Valore" definisce quale testo viene visualizzato nel campo di testo al caricamento della pagina: value = "Questo è il mio modulo"

"TabIndex" definisce l'ordine saranno selezionati i campi quando un utente preme il tasto Tab: tabindex = "1"

Tutti o alcune di queste opzioni possono essere utilizzate per definire le proprietà di un campo di testo. Completa campo di testo codice HTML è simile al seguente:

<Input type = "text" name = "forma" size = maxlength "20" = valore "30" = "Questo è il mio modulo">

5 Aggiungere il maggior numero di campi di testo al documento HTML come vuoi. Una volta che hai finito, aggiungere presentare e pulsanti di reset. Il codice è standard:

<Input type = "submit" value = "Invia" /> <input type = "reset" value = "Reset">

È possibile modificare "Invia" o "Reset" per ogni parola di vostra scelta.

6 Chiudere il modulo con il </ form> tag.

7 Salvare il documento HTML. Anteprima e verificare il modulo nel browser prima di caricarlo sul server Web.