Hi Ted, all
Title attributes don't have to pop up in a "tooltip", that's up to the user agent. I'd suggest you do something like this...
<label for="arrivaldate">Your arrival date at Hotel WSG<label>
Also, user of fieldsets allow to you to control the appearance of different parts of a form:
<fieldset class="shippingdetails"> ..</fieldset>
<fieldset class="personaldetails"> ..</fieldset>
<fieldset class="orderdetails"> ..</fieldset>
HTH James
Ted Drake wrote:
Hi Justin
I asked about this a couple weeks ago.
You can put a title on the label. <label for="arrivaldate" title="Enter the day you plan on arriving to our lovely hotel">Arrival date<label>
When the person puts their cursor over the label, they will get a box that pops up with your label. It's valid and is much more accessible than my other alternative of hidden divs that get shown with the toggle javascript.
As one person mentioned, you can put a class on the label to visually identify the presence of a title tag, for instance a dotted bottom border or a simple underline.*****************************************************
Ted
-----Original Message----- From: Justin French [mailto:[EMAIL PROTECTED] Sent: Thursday, July 22, 2004 7:25 AM To: [EMAIL PROTECTED] Subject: [WSG] semantic way to mark up form help?
Hi all,
I'm trying to decide on a nice semantic way to mark-up a short (usually only a few words) block of help text in the context of a web form. I currently use a label to label the input, and a paragraph or div to mark-up the help text:
<form...>
<div class='formitem'>
<label for='f-title'>...</label>
<input id='f-title' type='text'... />
<p class='help'>This is the title of your news post, which does not accept HTML input</p>
</div>
</form>
But logic tells me that in the above example, the <p> help text is not associated with the form widget or the label at all. The only way I can see this being done is by including the help text in the label, but this will restrict me in terms of layouts.
Honestly, the most logical way I can see to do this is to have them in three cells of a table row, since at least they'll be associated in a row. <fieldset>'s would also be nice, but they're intended for groupings of form elements, and using them for each text input seems like a load of bloat.
I've been looking at many examples of "correct, semantic forms", but can't see anything like this out there.
TIA
--- Justin French http://indent.com.a
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
*****************************************************
