一尘不染

我应该将输入元素放在标签元素内吗?

html

是否存在有关嵌套HTML labelinputHTML元素的最佳实践?

经典方式:

<label for="myinput">My Text</label>
<input type="text" id="myinput" />

要么

<label for="myinput">My Text
   <input type="text" id="myinput" />
</label>

阅读 327

收藏
2020-05-10

共1个答案

一尘不染

从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>

请注意,当表格用于布局时,不能使用第三种技术,标签位于一个单元格中,而其关联的表单字段位于另一个单元格中。

任一有效。我喜欢使用第一个或第二个示例,因为它可以为您提供更多的样式控制。

2020-05-10