Come allineare le caselle di testo in una pagina HTML

April 22

Come allineare le caselle di testo in una pagina HTML


Le caselle di testo sono elementi del modulo che catturano informazioni inserite dagli utenti del sito e passare le informazioni a un'altra pagina per l'elaborazione. Sono utili per la creazione di pagine web interattive o pagine di ordine e sono comunemente utilizzati dai webmaster per raccogliere informazioni dai loro visitatori del sito web. Come una casella di testo è allineato e visualizzato 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.

istruzione

tabelle

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

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

<Tr>

&lt;td>&nbsp;&lt;/td>

</ Tr>

<Tr>

&lt;td>&nbsp;&lt;/td>

</ Tr>

</ Table>

2 Aggiungere una forma intorno al tavolo e definire la pagina in cui il modulo invierà i suoi contenuti. Tutti gli elementi del modulo devono esistere all'interno di una forma. La seguente sintassi è un esempio della tabella precedente in un modulo che invierà il contenuto del modulo per una pagina chiamata "process.htm."

<Form name = metodo "MyForm" = "post" action = "process.htm">

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

<Tr>

&lt;td>&nbsp;&lt;/td>

</ Tr>

<Tr>

&lt;td>&nbsp;&lt;/td>

</ Tr>

</ Table>

</ Form>

3 Aggiungere una casella di testo alla prima cella della tabella e un pulsante di invio per la seconda cella della tabella. Una forma deve avere un pulsante di invio per inviare i dati del modulo alla pagina di elaborazione. Impostare la larghezza casella di testo e dare la casella di testo un nome significativo. Sarà necessario il nome assegnato alla casella di testo per recuperare i dati dal modulo inviato sulla pagina di elaborazione. Il seguente è un esempio di un semplice modulo compilato allineate all'interno di una tabella.

<Form name = metodo "MyForm" = "post" action = "process.htm">

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

<Tr>

&lt;td>

& Lt; input type = "text" name = "cognome">

& Lt; / td>

</ Tr>

<Tr>

&lt;td>

& Lt; input type = "submit" name = "submit" value = "Invia">

& Lt; / td>

</ Tr>

</ Table>

</ Form>

allineare proprietà

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

<Form name = metodo "FormName" = "post" action = "process.htm">

</ Form>

5 Aggiungere un campo di testo e un pulsante di invio.

<Form name = metodo "FormName" = "post" action = "process.htm">

<P>

&lt;input type="firstname" name="textfield">

</ P>

<P>

&lt;input type="submit" name="Submit" value="Submit">

</ P>

</ Form>

6 Definire la proprietà align del campo di testo e il pulsante di invio. La proprietà align può essere impostata su "alto", "medio", "fondo", "destra", "sinistra", "texttop", "di base", "absmiddle" e "absbottom."

<Form name = metodo "FormName" = "post" action = "process.htm">

<P> </ p>

<P>

&lt;input type="firstname" name="textfield" align="left">

</ P>

<P> </ p>

<P>

&lt;input type="submit" name="Submit" value="Submit" align="left">

</ P>

</ Form>