フォームのグループ化をするfieldsetタグとlegendタグ

フォームを弄る必要があって、調べていたのですが、フォームをグループ化するのに便利な、fieldsetタグなるものがあるのを思い出しました。

というわけで、fieldsetタグについてのメモになります。

fieldset使用例

formタグのなかで、 同じname属性を持つものを囲います。例えば以下の様な感じ。

基本的にはこれでOK。fieldsetは、デフォルトだとグループ化したものを囲う枠線付きのボックスとなります。

captionとしてのlegendタグ

fieldsetでグループ化したら、legendタグで見出しっぽいものをつけてみるといいです。

fieldsetタグの中で、見出しにしたい文字列を囲えばOK。

legendに設定した文字が、fieldsetの上枠線に重なって表示されます。

GRC検索順位チェックツール*
順位チェックとサイト管理を1つのツールで!検索順位チェックツールGRC*

スポンサード・リンク

«
»
 

トラックバックURL

コメントを書き込む