なぜfieldsetタグが必要なのでしょうか? 質問する

なぜfieldsetタグが必要なのでしょうか? 質問する

なぜタグが必要なのでしょうか<fieldset>? タグの目的が何であれ、それはおそらくフォーム タグのサブセットです。

W3Schools でいくつかの情報を調べたところ、次のことがわかりました。

  • タグ<fieldset>は、フォーム内の関連する要素をグループ化するために使用されます。
  • タグ<fieldset>は関連する要素の周囲にボックスを描画します。

「仕様に存在する理由」と「それが何をするのか」を誤解している人のために、さらに説明します。描画部分は無関係だと思いますし、フォーム内の関連する要素をグループ化するためだけに特別なタグが必要な理由もわかりません。

ベストアンサー1

最も明白で実用的な例は次のとおりです。

<fieldset>
  <legend>Colour</legend>

  <input type="radio" name="colour" value="red" id="colour_red">
  <label for="colour_red">Red</label>

  <input type="radio" name="colour" value="green" id="colour_green">
  <label for="colour_green">Green</label>

  <input type="radio" name="colour" value="blue" id="colour_blue">
  <label for="colour_blue">Blue</label>

</fieldset>

これにより、各ラジオ ボタンにラベルを付けると同時に、グループ全体にラベルを付けることができます。これは、コントロールとその凡例の関連性を視覚的なプレゼンテーションで示すことができない支援技術 (スクリーン リーダーなど) が使用されている場合に特に重要です。

おすすめ記事