在其他html元素周围放置<label>的位置？

Question

在哪里放置其他html元素？

选项1 - 放置输入元素:

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

选项2:

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

谢谢

Answer 1

后者.这样您就可以设置样式,宽度等而不会影响<input>.它在语义上也更好:标签是标签,输入是输入.

Answer 2

首先,在第一个示例中,<label>它自动链接到<input>,而在第二个示例中它们不是(您必须设置for和id属性来模拟前者的行为).

除此之外,这是一个情况和偏好的问题.我个人通常会选择前者,因为需要的标记较少.