fieldのラベルには、labelタグを使う - mrsekut-p

fieldのラベルには、labelタグを使う

<label>をクリックするとfieldにfocusが当たる

https://i.gyazo.com/25ffd2abc8875cebadd06bba50ee4ff8.gif

<span>とかではなく<label>を使うことで、formのヒット領域が広がる

https://codepen.io/mrsekut/pen/JjraLEV?editors=1000

code:html

<form>

<div>

<label for="name">名前(label)</label>

<input type="text" id="name" />

</div>

<div>

<span>名前(span)</span>

<input type="text" id="name2" />

</div>

</form>