labelタグに関する動作の統一【HTML, JavaScript】 - Programming Magic
labelタグは、inputタグと文字や画像の関連付けをして、その文字や画像をクリックしてもinputタグをクリックしたのと同じように動作させるものだが、この動作はブラウザによって違いが出ることがある。 そこでlabelタグの動作を統一する方法を考えてみる。 以下のように、inputタグをlabelタグの子要素とするとid属性、for属性を省略することができるが、IE6はこれに対応してない。 （※IE7では対応している。） <input type = "checkbox" id = "checkbox1"> <label for = "checkbox1"> ここをクリックするとチェックが付く。 </label>
チェックボックス、ラジオボタンを大きく表示して使う：その２
以前掲載した「チェックボックス、ラジオボタンを大きく表示して使う」では、WebコントロールのCheckBoxやRadioButtonでは大きく表示できないためHTMLコントロールを使う方法を紹介しました。 それに対してコメントを寄せてくれた蒼い音速鼠さんの情報によりWebコントロールでも可能なことが判り、また前回のサンプルソースではIE8に対応できない問題も解決することができました。 そこで改正版サンプルを作成しましたので紹介します。 bigctrsamp2.lzh(24KB) ・Default.aspx: HTMLコントロールによるサンプル ・Default2.aspx: Webコントロールによるサンプル Webコントロールでサイズを変更するにはInputAttributesプロパティでスタイルの設定を行えば良いこと。 IE8でも有効にするにはスタイルにborder:noneやborde
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
html checkbox toggle switch - Google 検索
