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ブログ

カレンダー

04 | 2017/05 | 06
- 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 31 - - -

最近の記事

Twitter

コミュニティ

ブログ内検索

ブロとも申請フォーム

この人とブロともになる

Adsense

月別アーカイブ

はてぶ数

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