例如,给定:
<label for="username">Username:</label>
<input id="username" name="username" value="" />
单击“Username:”标签时,焦点转到相应的表单字段。
如果不使用JavaScript,当表单字段没有ID时,是否有可能有相同的行为?
实际的例子中,这将是一个问题是动态构造的表单,您可以在表单中添加类似的字段,或者添加同一表单的多个实例。
最佳答案
是,标签与它所包含的第一个输入隐式关联:
<label>Username:
<input name="username" value="" />
</label>
从W3开始:
要隐式地将标签与另一个控件关联,控件元素必须在label元素的内容内
事实上,我认为在标签中嵌套输入是更好的做法;它可以更加语义化,在某些情况下,通过消除单选按钮或复选框及其标签之间不可单击的空格,可以获得更好的用户界面。