CSS – Creare form con i label

Pubblicato il da

Ecco come creare una form con l’utilizzo dei CSS e dei tag LABEL. I campi della form form e le etichette saranno allineati perfettamente e non ci sarà più bisogno di utilizzare le tabelle.

<style>
input {
border: 1px solid #006;
background: #ffc;
}
.button {
border: 1px solid #006;
background: #9cf;
}
label {
display: block;
width: 150px;
float: left;
margin: 2px 4px 6px 4px;
text-align: right;
}
br { clear: left; }
</style>

<form action=””>
<br><label>Nome </label> <input type=”password” class=”input” />
<br><label>Cognome </label> <input type=”password” class=”input” />
<br><label>Età: </label> <input type=”password” class=”input” />
<br><label>Sesso: </label> <input type=”password” class=”input” />
<br><label>Sito web: </label> <input type=”password” class=”input” />
<br><label>Email: </label> <input type=”password” class=”input” />
<br><label>  </label> <input type=”submit” value=”Submit” class=”button” />
</form>

CSS – Creare form con i labelultima modifica: 2010-01-02T22:26:00+01:00da daytube
Reposta per primo quest’articolo