Tables in html5 Options

[JimiB]

w3C is not validating my page anymore using html5 because of a table error.
I do hope someone can assist me on this.

I have a contact form on a page but the errors are in the form fields.

Error Line 187, Column 44: Attribute for not allowed on element label at this point

.

The html within the form is

CODE

<tbody>
<tr>
<td class="c18"><label for="name">Name *</label></td>
<td class="c18"><input class="contact_input" maxlength="50" name="name" size="30" type="text"></td>
</tr>
<tr>
<td class="c18"><label for="email">Email *</label></td>
<td class="c18"><input class="contact_input" maxlength="80" name="email" size="30" type="text"></td>
</tr>
<tr>
<td class="c18"><label for="telephone">Telephone *</label></td>
<td class="c18"><input class="contact_input" maxlength="30" name="telephone" size="30" type="text"></td>
</tr>
<tr>
<td class="c18"><label for="comments">Message *</label></td>
<td class="c18">
<textarea class="contact_textarea" cols="25" name="comments" rows="6">

[Christian J]

The FOR attribute's value must match the ID value of the corresponding form field. See also http://www.htmlhelp.com/reference/html40/forms/label.html

[pandy]

It wouldn't validate as HTML 4.01 either.

[JimiB]

It wouldn't validate as HTML 4.01 either.

Ahem! i didnt

Errors found while checking this document as HTML5!
Result: 4 Errors, 2 warning(s)
Address:
Encoding: utf-8
Doctype: HTML5
Root Element: html

Both encoding and doctype were set to "detect automatically"

This post has been edited by JimiB: Feb 3 2015, 08:05 PM

[pandy]

I know you didn't. I was just poiting out that HTML5 isn't different from HTML 4.01 on this point. Your table wouldn't have validated under a HTML 4.01 doctype either. Maybe I misunderstod your post, that you thought it was a HTML5 issue.

[JimiB]

The FOR attribute's value must match the ID value of the corresponding form field. See also http://www.htmlhelp.com/reference/html40/forms/label.html

My apologies but, Am i missing something here?
does name in the for, not go with the name in my form field posted above?

Error Line 187, Column 44: Attribute contact_input not allowed on element label at this point.
<td class="c18"><label contact_input="name">Name *</label></td>


Error Line 191, Column 35: The for attribute of the label element must refer to a form control.
<td class="c18"><label for="email">Email *</label></td>


Error Line 195, Column 39: The for attribute of the label element must refer to a form control.
<td class="c18"><label for="telephone">Telephone *</label></td>


Error Line 199, Column 38: The for attribute of the label element must refer to a form control.
<td class="c18"><label for="comments">Message *</label></td>

[JimiB]

I know you didn't. I was just poiting out that HTML5 isn't different from HTML 4.01 on this point. Your table wouldn't have validated under a HTML 4.01 doctype either. Maybe I misunderstod your post, that you thought it was a HTML5 issue.

But this page has been validating under xhtml for the past 3 years!

[pandy]

Afraid I have to insist.
It can't have validated. The value of the for attribute associates the label with a form control with that id, not with that name.
http://www.w3.org/TR/html401/interact/forms.html#h-17.9.1

See for yourself.
http://www.htmlhelp.com/cgi-bin/validate.c...2Fhtml%3E%0D%0A

Furthermore, the labels don't work the way you have it. The form control doesn't get focused when you click the label. Maybe there is a browser that lets this pass, but not that I've noticed.

[JimiB]

Afraid I have to insist.
It can't have validated.

I am so very sorry Pandy!
I completely forgot that i changed the form to an updated version just before xmas.
Please forgive me for doubting your better knowledge.
I am finding keeping up with changes in html difficult and even harder to understand instructions based on a "supposedly know" basis.

Ah! give me back my basic html anyday! ~I~t used to be fun to experiment and find alarming results!

[Christian J]

Error Line 187, Column 44: Attribute contact_input not allowed on element label at this point.
<td class="c18"><label contact_input="name">Name *</label></td>

Also there's not attribute like "contact_input"...

[pandy]

You are forgiven.

But stick to basic HTML then for now. It's not like HTML 4.01 has stopped working.

[JimiB]

You are forgiven.

But stick to basic HTML then for now. It's not like HTML 4.01 has stopped working.

Sorry but i am a stubborn ould man! no surrender! Determined to master html5, i like it!