<label> 在哪里放置其他 html 元素？答案

【问题标题】：Where to put <label> around other html element or not?<label> 在哪里放置其他 html 元素？
【发布时间】：2011-03-12 08:17:43
【问题描述】：

在哪里放置其他 html 元素？

Option1- 放置输入元素：

<label>Url:
        <input type="text" size="350"/>
</label>

选项2：

<label>Url:</label>
<input type="text" size="350"/>

谢谢

【问题讨论】：

选项 2 是无效的 HTML。在这种情况下，您必须将两个标签链接在一起，因为浏览器不可能知道哪个标签属于哪个字段：<label for="foo">...<input id="foo" ...>

【解决方案1】：

后者。这样你就可以在不影响<input>的情况下设置样式、宽度等。它在语义上也更好：标签是标签，输入是输入。

【讨论】：

【解决方案2】：

首先，在第一个示例中，<label> 自动链接到 <input>，而在第二个示例中它们不是（您必须设置 for 和 id i> 模仿前者行为的属性）。

除此之外，这取决于情况和偏好。就我个人而言，我通常会选择前者，因为需要的标记较少。

【讨论】：

【解决方案3】：

第二个肯定更好，它可以让你单独设置样式。

您还可以使用“for”属性将其绑定到输入字段：

【讨论】：