・これにより、得られるメリットは以下の2点である。
1.ラベルをクリックした場合でも、inputがアクティブとなる。これが最も大きいメリットであり、inputを使う場合には基本的にLabelタグで紐づけるようにすべきである。
2.読み上げソフトで読み上げる際に、ラベルと項目が一体と認識される。
・1の効果が特に大きいため、label属性とfor属性は使うべきであると言える。
使い方
<div>
<label for="name">名前</label>
<input type="text" name="name" id="name" v-model="name" v-on:input="validator('name')">
</div>
<div>
<label for="title">件名</label>
<input type="text" name="title" id="title" v-model="title" v-on:input="validator('title')">
</div>
参考
https://style.potepan.com/articles/20037.html