是否存在有关嵌套HTML label和inputHTML元素的最佳实践?
label
input
经典方式:
<label for="myinput">My Text</label> <input type="text" id="myinput" />
要么
<label for="myinput">My Text <input type="text" id="myinput" /> </label>
从w3开始:标签本身可以位于相关控件之前,之后或周围。
<label for="lastname">Last Name</label> <input type="text" id="lastname" />
<input type="text" id="lastname" /> <label for="lastname">Last Name</label>
<label> <input type="text" name="lastname" /> Last Name </label>
请注意,当表格用于布局时,不能使用第三种技术,标签位于一个单元格中,而其关联的表单字段位于另一个单元格中。
任一有效。我喜欢使用第一个或第二个示例,因为它可以为您提供更多的样式控制。