04 Apr, 2009

Formulier zonder tabellen

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

Tabellen dienen niet voor bijvoorbeeld een formulier structuur te geven, maar voor data die tabulair dient weer te geven te worden. Dus hier een manier om je formulier te stylen, zonder tabellen.

HTML

<form action="post">
 <p>
  <label for="name">Name</label>
  <input id="name" name="name" />
 </p>
 <p>
  <label for="address">Address</label>
  <input id="address" name="address" />
 </p>
 <p>
  <label for="city">City</label>
  <input id="city" name="city" />
 </p>
 </form>

CSS

label,input  {
display:  block;
width:  150px;
float:  left;
margin-bottom:  10px;
}
label  {
text-align:  right;
width:  75px;
padding-right:  20px;
}
p  {
clear:  left;
}

Gerelateerde Snippets

Geen reacties op "Formulier zonder tabellen"

Reactie formulier


Demo: Formulier zonder tabellen:

Advertenties

Volgende nieuwe Snippet:

  • Momenteel niks gepland.