将<label>放在其他html元素周围的位置?</label>

时间:2010-07-06 14:10:48

标签: html css label html-form

在哪里放置其他html元素?

选项1 - 放置输入元素:

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

选项2:

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

由于

3 个答案:

答案 0 :(得分:6)

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

答案 1 :(得分:6)

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

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

答案 2 :(得分:-1)

第二个肯定更好,它允许你单独设置样式。

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

http://www.w3schools.com/tags/att_label_for.asp