ラジオボタンとか、チェックボックスってありますよね。
こんなやつ。

好き
嫌い どうでもいい

連絡下さい

文字列をクリックすることでこれを選択するのってよく見掛けるけど、
アレどうやるんだろう…と思ってたんだけど、
もの凄く単純なことだったんですね…最近知りました。

…あれ、俺だけ?


妙に恥ずかしいので、恥ずかしまぎれにメモっとく。

やり方は至極簡単で文字列にlabel要素を設定するだけ。

input要素にはそれぞれ固有のid属性を設定し、
そのid値をlabelのfor属性に設定する。


<input type="radio" id="like" name="like" value="1"><label for="like">好き</label>
<input type="radio" id="dislike" name="like" value="0"><label for="dislike">嫌い</label>
<input type="radio" id="none" name="like" value="2"><label for="none">どうでもいい</label>

<input type="checkbox" id="contact" name="contact" value="1"><label for="cotact">連絡下さい</label>

これだけ。


で、出来上がったのはこんな感じ。






うむ。問題なし。

メチャクチャ基本的なHTMLみたいだなぁ…
なんで今まで使ってなかったんだろう。

不思議だ。

4798113522HTMLタグ辞典 第6版 XHTML対応
(株)アンク
翔泳社 2007-04-19

by G-Tools
  • About

    I'm a web designer/programmer in Kyoto, Japan. Also work as a blogger, DJ.

    NOBODY:PLACE is my personal blog since 1998. Everything I'm interested in is here.

    See Also
    Other Works
    Feed
  • Recent Hatena Bookmark
  • Monthly Archives
    Categories