I've been needing to use compact forms for a few projects.  In other words:
the form field's labels need to be INSIDE the input element.

I've been using the following technique (JS), but their is a noticeable lag
as the page loads, and then the script puts the labels into the input box.

http://www.alistapart.com/articles/makingcompactformsmoreaccessible

Would positioning the labels absolutely and way off to the left, and
repeating the labels as the inputs' values be just as accessible?  I figure
this would eliminate the "form-compacting lag".

Like this:

// CSS
label { position:absolute; left:-999px; }

// HTML
<form>
    <label for="first">First name</label>
    <input type="text" name="first" id="first" value="First name"
onfocus="value=''" />
</form>

Thanks,

Ben
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to