html - 有没有办法让 HTML 标签与没有 ID 的表单元素一起使用？

Question

例如，给定:

<label for="username">Username:</label>
<input id="username" name="username" value="" />

当您单击“用户名:”标签时，焦点将转到相应的表单字段。

在不借助 JavaScript 的情况下，当表单字段没有 ID 时是否有可能具有相同的行为？

这将是一个问题的真实世界示例是动态构造的表单，您可以在表单中添加相似的字段，或者添加同一表单的多个实例。

Answer 1

是的，标签与它包含的第一个输入隐式关联:

<label>Username:
<input name="username" value="" />
</label>

来自W3 :

To associate a label with another control implicitly, the control element must be within the contents of the LABEL element

事实上，我认为将输入嵌套在标签中是更好的做法；通过消除单选按钮或复选框及其标签之间的不可点击空间，它可以更具语义性，并且在某些情况下会带来更好的用户界面。