HTML <fieldset> form 属性

定義と使用法

form 属性は、フィールドセットが属するフォームを指定します。

この属性の値は、同一ドキュメント内の <form> 要素の id 属性と同じでなければなりません。

フォームの外部に位置する <fieldset> 要素(しかしまだフォームの一部です):

<form action="/action_page.php" method="get" id="form1">
  <label for="favcolor">あなたが好きな色は何ですか?</label>
  <input type="text" id="favcolor" name="favcolor">
  <input type="submit">

</form>
  <fieldset form="form1">
  <legend>個人情報:</legend>
  <label for="fname">名:</label>
  <input type="text" id="fname" name="fname" form="form1"><br><br>
  <label for="lname">姓:</label>
<input type="text" id="lname" name="lname" form="form1">

</fieldset>

実際に試してみる

文法form_id<fieldset form="

">

説明
form_id

<fieldset> 要素が属するフォーム要素を指定します。

この属性の値は、同一ドキュメント内の <form> 要素の id 属性でなければなりません。

ブラウザのサポート

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
サポート サポート サポート サポート サポート

注記:form 属性は HTML5 で新しい属性です。