Using the for attribute on an element other than the label

Question

What if I want to use the for attribute on an element other than a <label>? Is this valid HTML? For example:

<div class="feedback" for="my-input-box"></div>

The idea is, I can use JavaScript to get the feedback container for an input using its ID. Like so:

var feedbackContainer = document.querySelector("[for='" + myInputBoxID + "']'");

I just want to know if this is valid HTML or not. If not, I can obviously just go for data-for="..." instead.

related (but not duplicate): https://stackoverflow.com/q/12894169/ — corn on the cob, Oct 19 '20 at 19:23

score 3 · Answer 1 · answered Oct 19 '20 at 19:23

3

That is not valid HTML.

See on W3Schools that the for="" attribute only is used on <label> and <output>.

answered Oct 19 '20 at 19:23

Jelmer Overeem

score 3 · Accepted Answer · answered Oct 19 '20 at 19:24

3

The HTML for attribute is only valid on label and output elements.

So to answer your question, that is invalid HTML.

answered Oct 19 '20 at 19:24

Glen Carpenter

2 Answers2