Homepage Zero ガイド
logo

ゼロから始めよう!わかりやすい!ホームページ作成ガイド

初めての方へ|総合案内|お問い合わせ|当サイトについて

ホームページ初心者ガイド| HTML| CSS| ホームページお役立ち情報| ホームページレベルアップ情報| その他

ホームHTMLリファレンス(アルファベット検索)><legend>タグ

HTMLタグ辞典
タグ一覧(ABC順) 目的別タグ一覧 スタイルシート一覧(ABC順) 目的別スタイルシート一覧

<legend>…フォームの入力項目グループに見出しを付ける

使用タグ

HTMLタグ

<legend 属性="属性値">〜</legend>

開始タグと
終了タグ

両方必須

内容となる
要素

インライン要素、テキスト

対応ブラウザ IE6 WinFireFox WinSafariFireFox MacIE5 macOpera

解説

<legend>タグは、フォームの中での入力項目を<fieldset>タグでグループ化した場合、そのグループに見出しを付けることができます。 <legend>タグは<fieldset>〜</fieldset>内の先頭に記述しましょう。

ブラウザごとに表示が違います。

属性と働き

属性 働き 指定できる値
align="位置"
非推奨
CSSでの指定text-align
見出しの位置を指定できますが、ブラウザにより対応にばらつきがあるのでスタイルシート(CSS)での横方向の位置の指定をおすすめします
CSSでは縦方向の位置を変えることはできません
top(上揃え)
bottom(下揃え)
left(左揃え)
right(右揃え)

使用例

記述例
<form action="sample.cgi" method="post">
<fieldset>
<legend>ユーザー情報</legend>
ID:<input type="text" name="id" size="10">
パスワード:<input type="text" name="password" size="20">
</fieldset>
<fieldset>
<legend>評価</legend>
<input type="radio" name="hyouka" checked>上出来<br>
<input type="radio" name="hyouka">ふつう<br>
<input type="radio" name="hyouka">よくないと思う<br><br>
</fieldset>
<input type="submit" value="送信">
</form>
↓
[ブラウザでの表示例]
 ブラウザ
ユーザー情報 ID: パスワード:
評価 上出来
ふつう
よくないと思う

関連情報ページ

ページトップへ

ホームページ初心者ガイド| HTML| CSS| ホームページお役立ち情報| ホームページレベルアップ情報| その他

<TOP>

logo
ゼロから始めよう!わかりやすい!ホームページ作成ガイド

|初めての方へ|総合案内|お問い合わせ|当サイトについて|

copyright (C) TOMIY All Right Reserved
inserted by FC2 system