Multi-Column Forms Best Practice — OZONE Asylum, home of the Mad Scientists

CSS - DOM - XHTML - XML - XSL - XSLT

Multi-Column Forms Best Practice

This page's ID: 29376

Edit Post

Who can edit a post?	The poster and administrators may edit a post. The poster can only edit it for a short while after the initial post.

Your User Name:
Your Password:
Login Options:	Remember Me On This Computer

Your Text: Insert Slimies » Insert UBB Code » Close Last Tag \| All Tags UBB Help	1) A <label> wrapped with a <th> is redundant 2) Why are your <input>'s inside of your label tags?? 3) Your example does not explain any reason you would need the <span> still... What you should have instead of [code] <form> <fieldset> <label>Label 1 <input type="text"/><input type="text"/><input type="text"/></label> <label>Label 2 <input type="text"/></label> </fieldset> <fieldset> <label>Another Label 3 <input type="text"/></label> <label>Another Label 4 <input type="text"/><input type="button" value="..."/></label> </fieldset> </form> [/code] is something like: [code] <form> <fieldset> <legend>Heading 1</legend> <label for="input1">Label 1</label><input id="input1" type="text"/> <label for="input2">Label 2</label><input id="input2" type="text"/> <label for="input3">Label 3</label><input id="input3" type="text"/> <label for="input4">Label 4</label><input id="input4" type="text"/> </fieldset> <fieldset> <legend>Heading 2</legend> <label for="input5">Another Label 5</label><input id="input5 type="text"/> <label for="input6">Another Label 6</label><input id="input6 type="text"/> <input type="button" value="..."/> </fieldset> </form> [/code] Style as needed... You seem to be using the <label> tag instead of the <legend> and skipping the function of the <label> itself. [url=http://in-dented.net/sigs/][img]http://in-dented.net/sigs/rotate.php[/img][/url] Loading...
Options:	Enable Slimies Enable Linkwords

« Backwards — Onwards »

Show Forum Drop Down Menu