ホーム>HTMLリファレンス(アルファベット検索)><legend>タグ
<legend>…フォームの入力項目グループに見出しを付ける
使用タグ
|
<legend 属性="属性値">〜</legend> |
開始タグと 終了タグ |
両方必須 |
内容となる 要素 |
インライン要素、テキスト
|
|
|
解説
<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>
|
|
△ページトップへ
ホームページ初心者ガイド|
HTML|
CSS|
ホームページお役立ち情報|
ホームページレベルアップ情報|
その他