Элемент label для поля input

- Заготовка формы

====

Чтобы связать <label> с элементом <input>, вам нужно присвоить <input> атрибут id. Затем <label> нужен атрибут for, значение которого совпадает с идентификатором ввода.

<label for="username">Click me</label>
<input type="text" id="username">

В качестве альтернативы, вы можете вкладывать <input> непосредственно в <label>, и в этом случае атрибуты for и id не нужны, потому что ассоциация явная:

<label>Click me <input type="text"></label>

* Внимание при такой вложености - иногда, в некоторых скриптах срабатывает двойной клик, раз на label  и раз input

** Во внутрь label можно вставлять только input и буквы. Все! Например правильно будет:

<label class="large-label" for="your-name">
  Your name
  <input id="your-name" name="your-name" type="text">
</label> 

А вот так уже неправильно :

<label for="your-name">
  <h3>Your name</h3>
  <input id="your-name" name="your-name" type="text">
</label>

--

Спецыфикация - смотреть