有没有办法让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:

要隐式地将标签与另一个控件相关联,控制元素必须位于LABEL元素的内容中

事实上,我认为在标签中嵌套输入更好 - 练习; 它可以更加语义化,并且在某些情况下通过消除单选按钮或复选框及其标签之间的不可点击空格,可以产生更好的ui.