Caselle di testo sono elementi di forma che catturano informazioni inserite dagli utenti del sito Web e passano le informazioni a un'altra pagina per l'elaborazione. Essi sono utili per creare pagine web interattive o ordine pagine e sono comunemente utilizzati dai webmaster per raccogliere informazioni dai propri visitatori del sito Web. Come una casella di testo è allineata e visualizzata ha poco a che fare con la loro funzione. Ci sono due modi per allineare una casella di testo in una pagina web: tabelle e la proprietà align.

Istruzioni

Tabelle

1

Creare una tabella nella pagina dove si desidera aggiungere elementi modulo casella di testo. Definire la larghezza della tabella per adattarsi allo spazio sulla tua pagina. Impostare la proprietà bordo a zero se non si desidera che la tabella di avere linee visibili. La sintassi seguente è un esempio di una semplice tabella con due celle una sopra l'altra.

< table width = "300" border = "0" >

< tr >

<td> </td>

< /tr >

< tr >

<td> </td>

< /tr >

< / tabella >

2

Aggiungere una forma intorno al tavolo e definire la pagina dove il modulo Invia il contenuto. Tutti gli elementi form devono esistere all'interno di un form. La sintassi seguente è un esempio di tabella precedente all'interno di un form che invia il contenuto del modulo in una pagina denominata "process.htm."

< nome modulo = "MyForm" method = "post" action="process.htm" >

< table width = "300" border = "0" >

< tr >

<td> </td>

< /tr >

< tr >

<td> </td>

< /tr >

< / tabella >

< / form >

3

Aggiungere una casella di testo alla prima cella della tabella e un pulsante Invia alla seconda cella di tabella. Un modulo deve avere un pulsante Invia per inviare i dati del modulo della pagina di elaborazione. Impostare la larghezza della casella di testo e assegnare la casella di testo un nome significativo. È necessario il nome assegnato alla casella di testo per recuperare i dati nel modulo inviato a pagina elaborazione in corso. Il seguente è un esempio di un modulo semplice completato allineato all'interno di una tabella.

< nome modulo = "MyForm" method = "post" action="process.htm" >

< table width = "300" border = "0" >

< tr >

<td>

<input type="text" name="firstname">

</td>

< /tr >

< tr >

<td>

<input type="submit" name="Submit" value="Submit">

</td>

< /tr >

< / tabella >

< / form >

Proprietà align

4

Creare un modulo sulla tua pagina. Dare la forma di un nome e assegnare una pagina dove il modulo invierà i dati.

< nome modulo = "formname" method = "post" action="process.htm" >

< / form >

5

Aggiungere un campo di testo e un pulsante di invio.

< nome modulo = "formname" method = "post" action="process.htm" >

< p >

<input type="firstname" name="textfield">

</p >

< p >

<input type="submit" name="Submit" value="Submit">

</p >

< / form >

6

Definire la proprietà di allineamento di campo di testo e il pulsante Invia. La align può essere impostata a "top", "medio", "basso", "destra" "sinistra", "texttop," "linea" di base "absmiddle" e "absbottom."

< nome modulo = "formname" method = "post" action="process.htm" >

< p >< / p >

< p >

<input type="firstname" name="textfield" align="left">

</p >

< p >< / p >

< p >

<input type="submit" name="Submit" value="Submit" align="left">

</p >

< / form >