在标签以外的元素上使用 for 属性

Question

如果我想在<label> 以外的元素上使用for 属性怎么办？这是有效的 HTML 吗？例如：

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

我的想法是，我可以使用 JavaScript 来获取使用其 ID 的输入的反馈容器。像这样：

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

我只想知道这是否是有效的 HTML。如果没有，我显然可以改用data-for="..."。

Answer 1

HTML for 属性仅对 label 和 output 元素有效。

见 - https://www.w3schools.com/tags/att_for.asp

所以回答你的问题，那是无效的 HTML。

Answer 2

这不是有效的 HTML。

在W3Schools 上看到for="" 属性仅用于<label> 和<output>。