入力フォームのラベルクリックで入力欄にカーソルをあてよう

フォーム入力する時って、inputの入力欄をクリックしてカーソルあてるんですが、ラベルクリックしたら自動で入力欄にカーソル移動できると便利ですよね。

jqueryで比較的簡単にできます！

まずはhtml

<label  id="form-name"　for="name">お名前</label>
<input id="form-name-area" type="text" id="name" name="name">

次にjquery

$(document).ready(function() {
  $('#form-name').click(function() {
    $("#form-name-area").focus();
  })
});

#form-name をクリックしたら #form-name-area にカーソルをあてるって命令ですね。

簡単です！