<fieldset> 要素
は、グループ化されたフォーム部品を表します。子要素がある場合、最初の<legend> 要素
がグループの名前(タイトル)を表し、残りの部分がグループを形成します。
- カテゴリー
- フロー・コンテンツ、セクショニング・ルート、パルパブル・コンテンツ
- 配置場所
- フロー・コンテンツが置ける場所。
- 内容
- 必要に応じて
<legend> 要素
を一つ、続けてフロー・コンテンツ。 - 属性
-
form="ID"
HTML5で追加- 関連付ける
<form> 要素
のid 属性
を指定します。この属性でフォームを指定することで、<form> 要素
に含まれていなくてもフォームの部品として機能させることができます。 name="名前"
- フォーム送信とform.elements APIに使用されるこの要素の名前を指定します。
disabled[="disabled"]
- 指定することで、
<legend> 要素
内を除いたフォーム部品をコントロール無効の使用不可の状態にします。 - グローバル属性
accesskey
,autocapitalize
,autofocus
,class
,contenteditable
,data-*
,dir
,draggable
,enterkeyhint
,hidden
,id
,inputmode
,is
,itemid
,itemprop
,itemref
,itemscope
,itemtype
,lang
,nonce
,spellcheck
,style
,tabindex
,title
,translate
サンプル
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8" />
<title>HTML5 › fieldset</title>
</head>
<body>
<h1>HTML5 › fieldset</h1>
<form method="post">
<fieldset>
<legend>お客様情報</legend>
<p><label>名前 <input type="text" name="name"></label></p>
<p><label>住所 <input type="text" name="address"></label></p>
<p><label>電話 <input type="text" name="tel"></label></p>
</fieldset>
</form>
</body>
</html>