caselle di testo Form sono i controlli di input inseriti nelle pagine web che prendono le informazioni dell'utente e salvarlo sul database o e-mail. Durante la creazione di forme, che possono essere inseriti in colonne della tabella. formato Tavoli controlli dei moduli, come caselle di testo in modo che si allineano sulla pagina e rendere il sito un aspetto più professionale. Durante la creazione di elementi del modulo casella di testo, il primo passo è la creazione dell'elemento tavolo. Quindi si posiziona la casella di testo nella colonna della tabella. Questa operazione viene eseguita utilizzando il codice HTML.

istruzione

1 Aprite il vostro editor HTML preferito. Questo può essere un semplice programma come Notepad, oppure è possibile utilizzare gli editor più avanzati come Visual Studio. Creare una nuova pagina web HTML per inserire il codice di casella di testo tavolo e la forma.

2 Avviare il codice della tabella inserendo i tag HTML nella pagina web spazio di lavoro. Il codice di base per una tabella in HTML è il seguente:
<Table>
<Tr> <td> </ td> </ tr>
</ Table>
Il tag "<tr>" sta per "riga della tabella." Ognuno di questi tag creerà una nuova riga nella tabella. Ogni tag "<td>" è una colonna della tabella. Questo è dove si immette il codice di casella di testo.

3 Inserisci il codice per la casella di testo HTML nella colonna appropriata. Normalmente, la prima colonna viene utilizzata per l'etichetta e la seconda colonna viene utilizzata per contenere la casella di testo. Nell'esempio riportato di seguito, la casella di testo viene immesso nella seconda colonna:
<Table>
<Tr> <td> </ td> <td> <input type = "text" name = "fname" /> </ td> </ tr>
</ Table>

4 Mettere un po 'di testo dell'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 deve essere inserito nel modulo. Qui di seguito i luoghi "nome" di fronte alla casella di testo "fname":
<Table>
<Tr> <td> Nome: </ td> <td> <input type = "text" name = "fname" /> </ td> </ tr>
</ Table>

5 Salvare il file e aprirlo con il browser. Fare doppio clic sul file e il browser si aprirà automaticamente. Si dovrebbe vedere una casella di testo con l'etichetta "Nome" di fronte al controllo di modulo.