<fieldset> - フィールドセット

目次

概要
説明
属性
使用例
関連項目
リンク

概要

形式: <fieldset>～</fieldset>
サポート: https://caniuse.com/mdn-html_elements_fieldset
カテゴリ: フローコンテンツ; ~~セクショニングルート~~; リステッドリアソシエイタブル(HTML 5.2) フォーム関連要素; パルパブルコンテンツ
親要素: フローコンテンツを子要素に持てるもの
子要素: 0個または1個の legend 要素と、それに続くフローコンテンツ
タグの省略: 開始タグ:必須 / 終了タグ:必須
属性: グローバル属性
 disabled
form
name

説明

<form> で定義するフォーム中の入力部品をグループ化します。<legend> でグループのタイトルを記述することができます。

属性

グローバル属性: 詳細はグローバル属性を参照してください。
disabled: LS/H5/e/Ch/Fx/Op; この要素を無効化します。
form=id: LS/H5; 関係付けたい form要素の id属性を指定します。省略時は fieldset要素の親の form要素と結びつきます。
name=name: LS/H5; フィールドセットに名前を付けます。
align=align: [非推奨] e4; 要素の位置を指定します。

使用例

HTML

<form method="POST" action="cgi-bin/xx.cgi">
  <fieldset>
    <legend>お客様情報</legend>
    名前：<input type="text" name="name" size=20>
    年齢：<input type="text" name="age" size=20>
  </fieldset>
  <fieldset>
    <legend>ご利用環境</legend>
    OS：<input type="text" name="os" size=20>
    ブラウザ：<input type="text" name="browser" size=20>
  </fieldset>
</form>

表示

<legend>
<form>

リンク

Copyright (C) 1996-2017 杜甫々

初版:1996年9月10日最終更新:2017年12月31日

https://www.tohoho-web.com/html/fieldset.htm