La maggior parte delle forme che vedete in linea vengono creata utilizzando un tag < table >, tuttavia questo non è l'unico modo per creare un Web form. È anche possibile creare Web Form utilizzando il tag < div > e ignorano i tag a volte ingombrante < table > tutto. Tuttavia, se si sceglie di eseguire questa operazione, è necessario ricordarsi che è necessario inserire il codice CSS come pure il codice HTML nella tua pagina in modo che il modulo per funzionare correttamente.

Istruzioni

1

Accedere al server Web. Aprire la pagina HTML in cui si desidera includere il modulo.

2

Posizionare il cursore del mouse nella sezione < head > della pagina HTML e inserire questo codice CSS:

div.Row () {

chiaro: entrambi;

padding-top: 5px;

}

div.row span.label () {

float: left;

Larghezza: 150px;

text-align: right;

}

div.row span.formw () {

float: right;

Larghezza: 250px;

text-align: left;

}

3

Sostituire le impostazioni di "altezza" e "larghezza" Se si desidera. Questo cambierà la dimensione delle righe nel modulo.

4

Fare clic nella sezione < body > del codice.

5

Inserisci questo codice:

< div style = "width: 400px; colore di sfondo: #ccc;

border: 1px dotted #333; padding: 5px;

margin: 0px auto; " >

< forma >

<div class="row">

<span class="label">Full name</span><span

classe = "formw" >< input type = "text" size = "25" / >< / span >

</div>

<div class="row">

<span class="label">Address</span><span

classe = "formw" >< input type = "text" size = "25" / >< / span >

</div>

<div class="row">

<span class="label">E-mail</span><span

classe = "formw" >< input type = "text" size = "25" / >< / span >

</div>

<div class="row">

<span class="label">Comments:</span><span

classe = "formw" >

<textarea cols="25" rows="8">

</textarea>

</span>

</div>

< div class = "spacer" >

< / div >

< / form >

< / div >

6

Sostituire "Nome completo", "Indirizzo" e "Posta elettronica" con i titoli reali i campi che si desidera includere nel modulo.

7

Pubblicare la pagina.