March 10
La maggior parte delle forme che si vedono in linea vengono creati utilizzando un tag <table>, tuttavia questo non è l'unico modo per creare un modulo Web. È inoltre possibile creare moduli Web che utilizzano il tag <div> e bypassare i tag <table> a volte ingombranti del tutto. Tuttavia, se si sceglie di fare questo, si deve ricordare che è necessario inserire il codice CSS e il codice HTML della pagina in modo che il modulo per funzionare correttamente.
1 Accedi al tuo 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 {
clear: both;
padding-top: 5px;
}
div.row span.label {
float: left;
width: 150px;
text-align: right;
}
div.row span.formw {
float: right;
width: 250px;
text-align: left;
}
3 Sostituire le impostazioni di "width" "altezza" e se si desidera. Questo cambierà le dimensioni delle linee nella forma.
4 Fare clic nella sezione <body> del codice.
5 Inserisci questo codice:
<Div style = "width: 400px; background-color: #ccc;
border: 1px dotted # 333; padding: 5px;
margin: 0px auto; ">
<Form>
<div class="row">
& Lt; span class = "label"> Nome completo & lt; / span> & lt; arco
class = "formw"> <input type = "text" size = "25" /> </ span>
</div>
& Lt; div class = "riga">
& Lt; span class = "label"> Indirizzo & lt; / span> & lt; arco
class = "formw"> <input type = "text" size = "25" /> </ span>
</div>
& Lt; div class = "riga">
& Lt; span class = "label"> E-mail & lt; / span> & lt; arco
class = "formw"> <input type = "text" size = "25" /> </ span>
</div>
& Lt; div class = "riga">
& Lt; span class = "label"> Commenti: & lt; / span> & lt; arco
class = "formw">
<textarea cols="25" rows="8">
& Lt; / textarea>
& Lt; / span>
& Lt; / div>
<Div class = "distanziatore">
</ Div>
</ Form>
</ Div>
6 Sostituire "del nome completo", "Indirizzo" e "E-mail" con i titoli reali dei campi che si desidera includere nel modulo.
7 Pubblicare la pagina.