広告

posted by fanblog

チェックボックス・ラジオボタンのテキストをクリックしてチェック

テキストボックス・ラジオボタンのテキストの部分をクリックしてチェックをいれる方法です。
ラベルタグを使用するとできるようになります。

以下に例を記述します。

<form>
<input type="checkbox" value="check1" name="sample1" id="no1" /><label for="no1">テキスト1</label><br />
<input type="radio" value="check2" name="sample2" id="no2" /><label for="no2">テキスト2</label>
</form>

実際の表示です。
-----------------------------------------------





-----------------------------------------------

実際にテキストの部分をクリックしてみてみると、チェックボックスやラジオボタンにチェックがはいります。

以上のようにチェックボックス・ラジオボタンにid属性を付け加え、ラベルタグのfor属性にそのidを記述します。

この記事へのコメント

   
<< 2013年02月 >>
          1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28    
PC関連ショップ
ビックカメラ.com

ドスパラは最短当日出荷!
パソコン・パソコンパーツのTWOTOP
フェイスインターネットショップ
【送料・代引手数料無料】PCダイレクト!
【バッファロー】直販オンライン・ショップ
格安BTOノート!『BTO STORE』
ストームウェブショップ
QNAP社製品ラックNAS
おすすめ商品

3DCGでよくわかる パソコン解体全書

新品価格
¥3,150から
(2011/1/28 17:39時点)

×

この広告は30日以上新しい記事の更新がないブログに表示されております。