fieldset

野暮用で似たようなことをしようとしたんだけど、html5で試してみる。 htmlページはこんな感じ。 &lt;!doctype html&gt; &lt;html&gt; &lt;!-- header --&gt; &lt;head&gt; &lt;meta http-equiv="content-type" content="text/html; charset=utf-8" /&gt; &lt;/head&gt; &lt;!-- body --&gt; &lt;body&gt; &lt;!-- input --&gt; &lt;fieldset&gt; &lt;legend&gt;answer&lt;/legend&gt; &lt;p&gt;&lt;label&gt;&lt;input type="radio" name="answer" value="yes" checked /&gt;Yes&lt;/label&gt;&lt;/p&gt; &lt;p&gt;&lt;label&gt;&lt;input type="radio" name="answer" value="no" /&gt;No&lt;/label&gt;&lt;/p&gt; &lt;/fieldset&gt; &lt;/body&gt; &lt;/html&gt; やるこた、こんな感じ。 &lt;fieldset&gt;の子要素として&lt;input&gt;を定義する タイトルを付けたい場合は&lt;fieldset&gt;の子要素に&lt;legend&gt;を定義する Firefoxで確認。 Windowsとかの設定ダイアログあたりでありそうな、見出しと囲いが表示される。 ちなみに、&lt;fieldset&gt;のdisabledって属性値をdisableって設定すれば、&lt;fieldset&gt;の子要素はまとめて非活性にできちゃう。 こんな感じで書く。 &lt;fieldset disabled="disable"&gt; と、こんな感じになる。 ま、メモってことで。

html5メモ fieldsetタグでinputタグをまとめてみる