Nwlapcug.com


Come inserire un campo di testo in formato HTML

Come inserire un campo di testo in formato HTML


Ricevere informazioni da coloro che mostra il tuo sito Web è uno strumento prezioso. Un semplice form con campi di testo consente di chiedere feedback e un utente per dare il loro contributo. Costruire tale forma in HTML è un compito che può essere completato da anche il programmatore alle prime armi.

Istruzioni

1

Lanciare il software editor HTML. Se non si dispone di un editor HTML, è possibile utilizzare blocco note (PC) o TextEdit (Mac). Entrambi vengono installati nei sistemi operativi Windows o Apple.

2

Selezionare "File" e "Apri" dal menu di navigazione del programma per aprire un documento HTML esistente. Se stai creando un nuovo documento HTML, selezionare "New" sotto il menu a discesa File.

3

Aggiungere il codice del gestore form nascosto prima di uno qualsiasi dei tuoi campi di testo. Il codice avrà un aspetto simile al seguente:

< nome modulo = "modulo" action = "l'http://www.url.com/formhandler.cgi" method = "post" >

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

4

Inserire il codice di campo di testo sotto la forma di script di gestore. Il campo di testo è dove gli utenti dovranno digitare il testo. Hai diverse opzioni per modificare il codice di campo di testo:

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

"Tipo" definisce se il modulo è testo o basata su password: type = "text" (se la password viene scelto, il campo nasconderà il testo di input).

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

"Maxlength" definisce la quantità massima di caratteri che possono essere immessi nel campo: maxlength = "25"

"Valore" definisce il testo da visualizzare nel campo di testo al caricamento della pagina: valore = "Questa è la mia forma"

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

Tutte o alcune di queste opzioni può essere utilizzato per definire le proprietà di un campo di testo. Testo completo campo codice HTML è simile al seguente:

< tipo input = "testo" nome = "modulo" size = "20" maxlength = "30" valore = "Questa è la mia forma" >

5

Aggiungere come molti campi di testo per il codice HTML del documento come si vorrebbe. Una volta che hai finito, Aggiungi Invia e pulsanti di reset. Il codice è standard:

< tipo input = "submit" value = "Submit" / >< tipo di input = "reset" valore = "Reset" >

È possibile modificare "Invia" o "Reset" a tutte le parole di vostra scelta.

6

Chiudi il modulo con il < / form > tag.

7

Salvare il documento HTML. Visualizzare in anteprima e testare il modulo nel browser prima di caricarlo sul server Web.