「CSS」label要素とinput要素を使うサンプル

2020年11月24日

説明
<label> を <input> 要素に関連付けるには、 <input> に id 属性を設定しなければなりません。
<label> に for 属性を設定して、値を input の id と同じにします。

使用例1

<label class="sampleA" for="cftCd">
   <input type="checkbox" id="cftCd"/>
  <span>1233</span>   
</label>

CSSコード
.sampleA input[type='checkbox'] {
  position: absoulute;
}

使用例2

<div class="prce">
    <label for="cftId">abcede</label>
    <input type="checkbox" name="cftId" id="cftId">
</div>