3

私がこのコードを持っているとしましょう

<form action="#" method="get">
    <p>
        <label for="name">Name:</label>
        <input type="text" name="name" />
    </p>
    <p>
        <input type="submit" />
    </p>
</form>

要素をpでグループ化することは意味的に問題ありませんか？私の先生（ここでも..：Pを知っています）は、pは段落にのみ使用し、代わりにdivを使用する必要があると言ったのですが、ご覧のとおり、pはほとんどすべての場所で使用されています。

私が考えることができる最後の可能性は<br />、私が考える最悪の方法です。

したがって、どちらを使用するのが最適ですか

  • ラップする<div>
  • ラップする<p>
  • <br />最後に
4

7 に答える 7

9

この関連する質問とこれをチェックしてください。

正直なところ、それは大したことではないと思いますが、使用すること<fieldset>はおそらくあなたの先生を幸せにする最も意味的に正しい方法です。しかし、現実の世界では、フォームをグループ化する<p>ことがあります。

于 2009-06-08T10:14:33.953 に答える
5

最もセマンティックな方法は、「よりきれいなアクセシブルフォーム」で説明されているように、リスト要素を使用して行うことだと思います。ほとんどのフォームは実際には入力するフィールドのリストによく似ているため、セマンティック的に最も理にかなっていると思います。

フィールドのグループが必要な場合は、fieldsetが適していますが、ほとんどの場合、各フォームアイテムを。に入れます<li>。

于 2009-06-08T10:21:01.867 に答える
1

意味的には、私は（この場合）あなたの先生に同意し、<p>よりも<div>を好みます。

于 2009-06-08T10:12:25.720 に答える
1

私<div class="field">...</div>は個々のフォームフィールドと<fieldset>...</fieldset>関連フィールドのグループに使用します。

フォームの最後にあるボタン（送信/リセット/戻るなど）には、<fieldset class="controls">...</fieldset>


（HTMLを生成するCFMLカスタムタグスクリプトのセットもあるので、たとえば、書くだけで、<form:edit id="MyField" label="My Field" ...etc... />多くの繰り返しソースコードを必要とせずに適切なHTMLを生成できます。）

于 2009-06-08T10:16:57.317 に答える
1

あなたの先生は正しいです。P=段落。それで、あなた自身に質問をしてください、それはテキストの段落ですか？そうでない場合は使用しないでください。

丸いからといってクリケットボールでサッカーをすることはありません

于 2009-06-08T10:18:59.123 に答える
0

どちらも、IMO。

リスト（またはテーブル）と組み合わせたフィールドセットは、はるかに意味的に正しいです。

  • フォームは段落ではないため、Pは明らかに間違っています。
  • DIVには意味的な意味はまったくありません。それは単に「何かの一部」であるため、フォームを含めるためにそれを単独で使用することは意味がありません。
  • BRによる分割には目的がありません。ラベルや入力フィールドにスタイルを設定して、改行をシミュレートすることもできるからです。
于 2009-06-08T10:38:02.847 に答える
0

を使用してラップし<div/>、CSSを使用して適切にスタイルを設定します。

私には、ページの構造とそのページのレイアウト/スタイルの分離がはるかに明確になっているように見えます。たとえば、後で自由にさまざまなデバイス用にスタイルを設定できます。ecを印刷してください。

于 2009-06-08T10:14:12.300 に答える