Это связывание лейбла и инпута:
или так

<input type="checkbox" id="x1" />
    <div style="height: 50px; background: #eee"></div>
<label for="x1">Лейбл для чекбокс</label>

не знаю как чаще, но так нужно делать когда текст далеко от тега инпут, если же он рядом, то проще обрамить их просто тегом.

мол я этого не знаю)))

спасиб:)

согласен, но сколько видел в большинстве случает видел так, как у меня в последнем посте...

ну тут все от дизайнера зависит, если дизайнер решит лейбл сунуть черт знает куда, то понятно дело что без for="someinput" не обойтись

точнее метка, метит input, select, textarea
в случае с input type="checkbox" ещё и установка checked (при получении фокуса, например, по нажатию tab checked не устанавливается)

всё-таки наверное это было правильным утверждением, а не про фокус

<label><input type="checkbox" onclick="alert('a')">click</label><br>
<label><input type="button" value="click" onclick="alert('b')">click</label><br>
<label><input onclick="alert('c')">click</label>