我应该将输入元素放在标签元素中吗？

小编典典

all

是否有关于嵌套label和inputHTML 元素的最佳实践？

经典方式：

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

要么

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

阅读 106

2022-03-03

共1个答案

小编典典

来自 W3 的HTML4 规范：

标签本身可以位于相关控件之前、之后或周围。

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

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

任何一个都是有效的。我喜欢使用第一个或第二个示例，因为它为您提供了更多的样式控制。

2022-03-03