Где поместить <label>вокруг другого элемента HTML или нет?

Question

Где поместить другой элемент HTML или нет?

Option1 - поместить вокруг элемента ввода:

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

Вариант2:

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

Спасибо

Answer 1

Во-первых, в первом примере <label> автоматически связывается с <input>, тогда как во втором примере это не так (вы должны установить для и id атрибуты, имитирующие поведение первого).

Кроме этого, это вопрос ситуации и предпочтений. Лично я обычно выбираю первое, так как требуется меньше разметки.

Answer 2

Последний.Таким образом, вы можете установить стиль, ширину и т. Д., Не затрагивая <input>.Также лучше семантически: метка - это метка, а ввод - это ввод.

Answer 3

Второй, безусловно, лучше, он позволяет вам стилизовать отдельно.

Вы также можете использовать атрибут «for», чтобы связать его с полем ввода:

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