<legend align=""></legend>

ブラウザ
  • IE
  • Cr
  • Sf
  • Fx
分類
要素

legend要素に align="" を追加すると、ラベルの表示位置を指定することができます。


<legend align="right">グループのラベル</legend>
属性 値 説明
align="" top グループの上に表示 （初期値）
bottom グループの下に表示
left グループの左に表示
right グループの右に表示

上記の属性は、HTML 4.01では非推奨とされています。（Strict DTDでは使用できません）

この属性に対応しているブラウザであっても、一部の値には対応していない場合があるようです。

使用例


<form method="post" action="example.cgi">

<fieldset>
<legend>指定なし</legend>
<p>お名前1：<input type="text" name="name1" size="30"></p>
</fieldset>

<fieldset>
<legend align="top">topを指定</legend>
<p>お名前2：<input type="text" name="name2" size="30"></p>
</fieldset>

<fieldset>
<legend align="bottom">bottomを指定</legend>
<p>お名前3：<input type="text" name="name3" size="30"></p>
</fieldset>

<fieldset>
<legend align="left">leftを指定</legend>
<p>お名前4：<input type="text" name="name4" size="30"></p>
</fieldset>

<fieldset>
<legend align="right">rightを指定</legend>
<p>お名前5：<input type="text" name="name5" size="30"></p>
</fieldset>

<p><input type="submit" value="送信する"></p>

</form>
表示例
指定なし

お名前1：

topを指定

お名前2：

bottomを指定

お名前3：

leftを指定

お名前4：

rightを指定

お名前5：

  • サンプルのため送信できません。