32

<fieldset>タグを使用する利点は何ですか？

私はそれが何のために使われているのか本当にわかりません。

4

4 に答える 4

30

フォームは多くの場合、さまざまなフィールドのセットに分割されます。

fieldsetタグを使用すると、フォームをよりわかりやすくするために、フィールドのセットを論理的にグループ化できます。

また、フィールドセットを使用してフォームのスタイルを設定し、フィールド間の論理的な関連付けを表示できることにも注意してください。

「現実の」世界で見られる形と同じように。

フィールドセットを使用することの「利点」は、利用可能な最もセマンティックな方法でデータ（この場合はフォーム）をマークアップできることです。フィールドをフィールドセットに配置する方が、フィールドをdivに配置するよりもわかりやすいことを考慮してください。divはフィールド間の関係については何も教えてくれませんが、フィールドセットは関係があることを教えてくれます。

これは、多くの新しいHTML5タグセットと同様の原則です。<footer>たとえば、あいまいなデータと比較して、その中のデータの意味について詳しく説明します<div>。

于 2011-06-29T12:03:41.637 に答える
6

開発者向けのHTML5仕様をご覧ください。

http://developers.whatwg.org/forms.html#the-fieldset-element

このfieldset要素は、オプションで共通名でグループ化されたフォームコントロールのセットを表します。

（リンクをたどると、さらに多くの情報があります）

legend要素と組み合わせると、これを簡単に行うことができます。これは、fieldset/を使用せずに再作成するのは困難legendです。

于 2011-06-29T12:04:48.420 に答える
5

これにより、関連するフィールドのセットをグループ化し、それらに凡例を付けることができます。

<fieldset>
    <legend>Gender</legend>
    <input type="radio" name="gender" id="male" value="male">
    <label for="male">Male</label>
    <input type="radio" name="gender" id="female" value="female">
    <label for="female">Female</label>
<fieldset>

<fieldset>
    <legend>Address</legend>

    <label for="line1">Line 1</label>
    <input name="address1" id="line1">

    <label for="line2">Line 2</label>
    <input name="address2" id="line2">

    <label for="town">Town</label>
    <input name="town" id="town">

    <label for="country">country/label>
    <input name="country" id="country">
</fieldset>
于 2011-06-29T12:05:00.637 に答える
1

あなたはそれと一緒にものをグループ化します。これは、CSSまたはJavaScriptのためにその中のものにアクセスする必要があり、すべてにIDを割り当てるという面倒な作業をやりたくない場合に便利です。

また、伝説はかなりよく見えます。

于 2011-06-29T12:03:58.030 に答える