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>
表示例
※サンプルのため送信できません。
- サイト内検索
