Nwlapcug.com


Come inserire caselle di testo in colonne

Caselle di testo del modulo sono i controlli di input inseriti nelle pagine web che prendere informazioni utente e salvarlo per il database o il e-mail. Quando si creano moduli, possono essere immessi in colonne della tabella. I controlli del modulo formato tabelle come caselle di testo così allineare nella pagina e rendere il sito un aspetto più professionali. Durante la creazione elementi modulo casella di testo, il primo passo è creare l'elemento della tabella. Quindi è inserire la casella di testo nella colonna della tabella. Questa operazione viene eseguita utilizzando il codice HTML.

Istruzioni

1

Aprire l'editor HTML preferito. Può trattarsi di un semplice programma come il blocco note, o è possibile utilizzare Editor più avanzati come Visual Studio. Creare una nuova pagina web HTML per inserire il codice di casella di testo tabella e forma.

2

Avviare il codice tabella inserendo il tag HTML nello spazio di lavoro di pagina web. Il codice di base per una tabella in HTML è come segue:
< table >
< tr >< td >< /td >< /tr >
< / tabella >
Il tag "< tr >" sta per "table row." Ognuno di questi tag creerà una nuova riga nella tabella. Ciascun tag "< td >" è una colonna della tabella. Questo è dove si entra il codice della casella di testo.

3

Immettere il codice per la casella di testo HTML nella colonna appropriata. Normalmente, la prima colonna è utilizzata per l'etichetta e la seconda colonna viene utilizzata per contenere la casella di testo. Nell'esempio che segue, la casella di testo viene immesso nella seconda colonna:
< table >
< tr >< td >< /td >< td >< input type = "text" name = "fname" / >< /td >< /tr >
< / tabella >

4

Inserire del testo di etichetta nella prima colonna per identificare la casella di testo. Senza l'etichetta per la casella di testo, l'utente non è in grado di identificare quali informazioni devono essere immesse nel form. Sotto "Nome" di posti davanti alla casella di testo "fname":
< table >
< tr >< td > Nome: < /td >< td >< input type = "testo" nome = "fname" / >< /td >< /tr >
< / tabella >

5

Salvare il file e aprirlo con il browser. Doppio clic sul file e automaticamente si aprirà il vostro browser. Si dovrebbe vedere una casella di testo con l'etichetta "First Name" davanti al controllo di forma.