SSN - and you only want one visible label - how do you do it?
<label for="" Security Number</label>
<input type="text" id="ssn1" size="4" maxlength="3">
<input type="text" id="ssn2" size="3" maxlength="2">
<input type="text" id="ssn3" size="5" maxlength="4">
I know you can do this:
<label>Social Security Number
<input type="text" id="ssn1" size="4" maxlength="3">
<input type="text" id="ssn2" size="3" maxlength="2">
<input type="text" id="ssn3" size="5" maxlength="4">
</label>
But, that if you're also using css for layout, that'll screw up your
layout, especially when your layout normally works like this:
<span class="label"><label></label></span>
<span class="forminput"><input /></span>
Kevin thinks if you do:
<label for="" Security Number <span
style="display:none">Part 1</span></label>
<input type="text" id="ssn1" size="4" maxlength="3">
<label for="" style="display: none">SSN Part 2</span>
That screen readers won't pick that up, either....
Thoughts? Perhaps I should switch back to table layout for forms....*sigh*
[Todays Threads] [This Message] [Subscription] [Fast Unsubscribe] [User Settings] [Donations and Support]
