09 Apr, 2009

Formulier template

Categoriën: crossbrowser |form |template |Xhtml Strict

Hier is nog een layout voor een formulier, deze keer met een definition list, <dl> <dt> en <dd>.

HTML

<form action="post">
<dl>
<dt>Email:</dt>
<dd><input type="text" name="email" /></dd>
<dt>Name:</dt>
<dd><input type="text" name="name" /></dd>
</dl>
</form>

CSS

form {
width: 450px;
}
form dt {
   clear:both;
   width:33%;
   float:left;
   text-align:right;
}
form dd {
   float:left;
   width:66%;
   margin:0 0 0.5em 0.25em;
}

Gerelateerde Snippets

Geen reacties op "Formulier template"

Reactie formulier


Demo: Formulier template:

Advertenties

Volgende nieuwe Snippet:

  • Momenteel niks gepland.