----- Original Message ----- From: "Jason Grant" <[EMAIL PROTECTED]> To: [email protected] Sent: Friday, October 17, 2008 4:51:46 AM GMT -05:00 US/Canada Eastern Subject: Re: [WSG] labels as input wrappers + <h6> in place of legend
You should also be aware of the fact that for a commercial project the below code snippet you posted will not be sufficient, as it does not have enought styling/behavioural hooks in it... -- That's my next bone to pick, and why I really liked the <label> wrapper. I really dislike the idea of wrapping the <label> & <input> in a <div> but I will likely have to for the exact point you have made. I need lots of flexibility but want minimal code bloat. Here's a simplified version of where I am heading: ... <fieldset class="parent" id="address"> <legend><span>Contact Information</span></legend> <div class="nameFirst"> <label for="nameFirst">Name</label> <input id="nameFirst" type="text"> </div> <div class="nameLast"> <label for="nameLast">Name</label> <input id="nameLast" type="text"> </div> <fieldset class="child" id="dob"> <legend><span>Date of Birth</span></legend> <div class="dobMonth"> <label for="dobMonth">Month</label> <input id="dobMonth" type="text"> </div> <div class="dobDay"> <label for="dobDay">Day</label> <input id="dobDay" type="text"> </div> <div class="dobYear"> <label for="dobYear">Day</label> <input id="dobYear" type="text"> </div> </fieldset> </fieldset> ... Why the <span> in the <fieldset>? I may potentially need to style that area as a sliding doors tab, plus it seems easier to achieve consistent cross-browser styles on the span as opposed to the <legend>. The nested <fieldset> is to allow for the DOB to me horizontal if/when desired. Still lots to do regarding other form elements...more questions as I progress. I will also post an example. Thanks thus far! </fieldset> Seems painfully blaoted to me, but I need a lot of control to match virtually any situation ******************************************************************* List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *******************************************************************
