- Products -


Software


NEWS


Special



- Knowledge -


Category × Tag



- Like -

公開
作成日:2021/11/4
更新日:2021/11/4

【HTML】labelタグのfor属性の効果について解説

・labelタグのfor属性とinputタグのid属性によって、紐づけを行うことができる。

・これにより、得られるメリットは以下の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


Category



Tag




関連記事


{{tmp.name}}

{{article.category}} {{article.title}}