How about plain old form elements?
Example:
<style type="text/css">
form { font: 65%/1.2 verdana, sans-serif; margin-bottom: 3em; }
fieldset { margin-bottom: 0.3em; border: none; }
label { width: 160px; }
label.radio { width: auto; }
input, select, textarea { font-family: verdana; font-size: 1.0em;
_background: none !important; }
select { width: 152px; }
.hiddenFields { display: none; }
</style>
<form id="feedback" action="" method="post">
<fieldset>
<label for="firstName">First Name</label>
<input type="text" id="firstName" name="firstName" value="" size="27" />
</fieldset>
<fieldset>
<label for="lastName">Last Name</label>
<input type="text" id="lastName" name="lastName" value="" size="27" />
</fieldset>
<fieldset>
<label for="email">Email Address</label>
<input type="text" id="email" name="email" value="" size="27" />
</fieldset>
<fieldset>
<label for="findUs">How Did You Find Us?</label>
<select id="findUs" name="findUs">
<option value="" selected="selected">Please select ...</option>
<option value="Friend">A Friend Told You About Us</option>
<option value="Poster">Poster</option>
<option value="Flyer">Flyer</option>
<option value="Google">Google</option>
<option value="Search Engine">Other Search Engine</option>
<option value="TV">Television Ad</option>
<option value="Radio">Radio</option>
<option value="Newspaper">Newspaper</option>
<option value="Other">Other</option>
</select>
</fieldset>
<fieldset>
<label for="comments">Comments</label>
<textarea id="comments" name="comments" cols="27" rows="6" title="Please
enter your comments here"></textarea>
</fieldset>
<fieldset>
<input type="submit" id="submit" name="submit" value="submit" />
</fieldset>
</form>
Richard :o)
----- Original Message -----
From: <[EMAIL PROTECTED]>
To: <[email protected]>
Sent: Tuesday, April 05, 2005 1:40 PM
Subject: [WSG] Styling Forms
Good evening all,
I know there's two schools of thought regarding forms where one uses a
table and the other a definition list to style and layout the data fields.
I have a simple form on a client's "Contact Us" page, and I wondered if
there's a consensus as to which method is more semantically correct?
Please advise...
Kind regards,
Mario S. Cisneros
******************************************************
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
******************************************************
******************************************************
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
******************************************************
