このウェブサイトはご利用の端末での閲覧に対応していません。
This website does not support your device.

legend”要素~“align”属性注意

記事July 7th,2020
キャプションの表示位置を指定する属性
この記事はHTML Living Standardに対応しています。
この記事はHTML Living Standardに対応しています。
この属性は現行の仕様では廃止されています。
この属性は現行の仕様では廃止されています。

align”属性について

align”属性は親要素のfieldset”要素でグループ化したフォームの内容のキャプションの表示位置を指定する属性です。

代替方法

HTML5でこの属性は廃止されているので使用するべきではありません。

代替方法はありません。

指定できる値

属性値 説明
top グループの上部
bottom グループの下部
left グループの左側
right グループの右側

サンプルコード

<form method="post" action="sample-formtag2.php" target="_blank">
<fieldset>
<legend align="left">好きな果物</legend>
<p>
<label><input type="checkbox" name="fruit[]" value="甘蕉">甘蕉</label>
<label><input type="checkbox" name="fruit[]" value="林檎">林檎</label>
<label><input type="checkbox" name="fruit[]" value="甜瓜">甜瓜</label>
<label><input type="checkbox" name="fruit[]" value="苺">苺</label>
<label><input type="checkbox" name="fruit[]" value="桃">桃</label>
</p>
</fieldset>
<fieldset>
<legend align="left">一番好きな果物</legend>
<p>
<label><input type="radio" name="no1fruit" value="甘蕉">甘蕉</label>
<label><input type="radio" name="no1fruit" value="林檎">林檎</label>
<label><input type="radio" name="no1fruit" value="甜瓜">甜瓜</label>
<label><input type="radio" name="no1fruit" value="苺">苺</label>
<label><input type="radio" name="no1fruit" value="桃">桃</label>
</p>
</fieldset>
<fieldset>
<legend align="left">あなたの情報</legend>
<p><label>居住地域:<input type="text" name="area"></label></p>
<p><label>年齢:<input type="number" name="age"></label></p>
</fieldset>
<p><input type="submit" value="送信する"></p>
</form>
一番上へ
トップにもどる
シェアする
シェアする
Facebookでシェアする
ツイート
Google+でシェア
Pocket
はてなブックマーク