フィールドセットタグ

タグ fieldset はHTMLの フォームフィールドをグループ化します。

結果は枠線で囲まれ、タグ legend を使用して作成されるラベルは、この枠線を切り取り、他の方法では再現できない効果を生み出します(例を参照)。

タグ legend に配置に関するCSSスタイル(float、 position など)を適用すると、その内容は枠線から離れて指定された位置に配置されます(この場合、枠線の切れ目はなくなります)。

例

2つの fieldset タグを使用して、フォームを2つの論理ブロックに分割してみましょう:

html<form>
  <fieldset>
    <legend>購入者情報</legend>
    <input type="text">
  </fieldset>
  <fieldset>
    <legend>販売者情報</legend>
    <input type="text">
  </fieldset>
</form>

Результат:

関連項目

  • プロパティ border、
    これを使用してブロックに枠線を設定できます