Entries


上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

htmlのフォームでラベルをクリックしただけでチェックを入れるには


ネット上でHTMLでフォームを使うときに,ラジオボタンやチェックボックスにおいて,フォームの横にある文字をクリックしてチェック入るフォームとチェックが入らないフォームがあります.いろんなサービスの登録をフォームを見ているうちに気づいたことです.

最初,このクリックでのチェック切り替えは,スクリプトでやってると思ってたんですけど,実はHTMLの仕様だったみたいです.知らなかったです.

↓ラベルが付いていなくてチェックができない場合
YouTubeニコニコ動画GayoYahoo動画


↓ラベルでチェックができるバージョン(YouTubeやニコニコ動画の文字のクリック)


検索してみるとこんな機能が用意されていたことがわかりました.

ラベルを付けるコントロール要素にid属性を加え、label要素にそのidを示すfor属性を加えます。label要素の内容がコントロールの説明(ラベル)になります。
引用:明示的なラベル付け


明示的なラベル付けをしないとIE6などではクリックに反応しないそうです.
ここの例でいうならこんな感じですか.
<input type="checkbox" id="youtube" />
<label for="youtube">YouTube</label>

当然ですが,ラジオボタンでもチェックボックスでも使用できます.
世の中のフォームを考えてみると,折角の機能が十分に使われていないものだと感じてしまいました.

Appendix

プロフィール

川崎修

  • Author:川崎修
  • インターネット大好き!
    調布周辺で自宅警備してます



    メール:pugiemonn@gmail.com
    skype:pugiemonn
    twilog:Twilog
    mixi:mixi
    facebook:facebook
My Profile by iddy
FC2ブログ

カレンダー

03 | 2017/04 | 05
- - - - - - 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 29
30 - - - - - -

最近の記事

Twitter

コミュニティ

ブログ内検索

ブロとも申請フォーム

この人とブロともになる

Adsense

月別アーカイブ

はてぶ数

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。