HTMLリファレンスマニュアル

HTMLタグ一覧

HTML: <legend> タグ

HTMLフォーム内の関連項目をグループ化する場合、HTMLの<legend>タグは<fieldset>タグにタイトルを生成するために使用されます。このタグは通常<legend>要素とも呼ばれます。

オンラインの例

フォーム内の関連要素の組み合わせ：

例

!doctype　html>
<html>
<head>
<meta　charset="UTF-8">
<title>HTML5　fieldsetタグの使用（基本チュートリアルウェブ　oldtoolbag.com)</title>
</head>
<body>
<form>
　　<fieldset>
　　　　<legend>顧客情報(oldtoolbag.com)</legend>
　　　　名前:　<input　type="text"><br>
　　　　住所:　<input　type="text"><br>
　　　　電話番号:　<input　type="text">
　　</fieldset>
</form>
</body>
</html>

テストを見てみましょう ‹/›

このHTML5ドキュメントの例では、<legend>タグを作成し、これが3つのグループの<input>コントロールにタイトルを提供します。<legend>タグはこれらのグループコントロールの上にタイトル「顧客情報(w」を表示します。3codebox.com)。

ブラウザの互換性

IEFirefoxOperaChromeSafari

現在の多くのブラウザが<legend>タグをサポートしています。

タグの定義及び使用方法

　<legend>要素は <fieldset>要素はタイトルを定義します。

<legend>タグで生成されたタイトルは、fieldset内の関連フォームコントロールの前に表示され、fieldsetの上部枠に浮かんで見えます。

HTML 4.01 とHTML5の間の違い

HTML 　4.01中の "align" 属性は廃止されました、HTML5この属性はサポートされていません。使用を推奨しません。 CSSを使用して<legend>要素のアライメントを設定してください。

属性

属性	値	説明
align	top bottom left right	HTML5 サポートされていません。HTML 4.01 廃止されました。使用を推奨しません。スタイルを使用してください。 fieldset内のタイトルに対してアライメントを定義します。

グローバル属性

<legend> タグはグローバル属性をサポートしており、完全な属性リストを確認してください HTMLグローバル属性。

イベント属性をサポートしています

<legend> タグはすべての HTMLイベント属性。

HTML: <li> タグ HTML: <label> タグ