6

現在、p タグを使用してフォームのグループ (ラベル、入力、エラー メッセージなど) を囲んでいます...

p タグは私が何年も使用してきたものですが、p タグには div などを含めることができないため、少し問題があります。そのため、「セクション」タグを使用してフォーム「セクション」を分割することを検討しています。 )...

このコンテキストでこのタグを使用することが意味的/機能的に適切であると思われる場合は、フィードバックを探しています... Web開発者としての私にとってフォームは私の1日の90％なので、あなたの考えとフィードバックに本当に感謝します:)

参考までに (重要ではありませんが)、例として Laravel Form を使用しています。

前 

<p>
    <label>First Name</label>
    <input type="text" name="first_name" value="{{ Form::form_value('first_name', $user) }}">
    <span class="error_message">{{ $errors->first('first_name') }}</span>
</p>

<p>
    <label>Surame</label>
    <input type="text" name="surname" value="{{ Form::form_value('surname', $user) }}">
    <span class="error_message">{{ $errors->first('surname') }}</span>
</p>

後 

<section>
    <label>First Name</label>
    <input type="text" name="first_name" value="{{ Form::form_value('first_name', $user) }}">
    <span class="error_message">{{ $errors->first('first_name') }}</span>
</section>

<section>
    <label>Surame</label>
    <input type="text" name="surname" value="{{ Form::form_value('surname', $user) }}">
    <span class="error_message">{{ $errors->first('surname') }}</span>
</section>

ご意見ありがとうございます笑顔

4

2 に答える 2

3

このsection要素 は、フォーム要素のグループ化に適している場合がありますが、すべての入力 + ラベル グループに適しているわけではありません。これはセクショニング コンテンツ要素です。つまり、それぞれがドキュメントの Outlinesectionにリストされる可能性があります。これはおそらくあなたが望むものではありません。

各セクションに複数の要素が含まれる可能性がある、非常にsection長い/複雑なフォームが適しています。一般的に使用するための経験則:fieldsetsection

  • sectionコンテンツに見出し ( h1- h6) を提供する場合に使用する必要があります。
  • コンテンツの見出しを提供することが適切な場合に使用できますがsection、何らかの理由で使用しません。

このp要素は、例 1の 2 番目のスニペットが示すように、1 つ以上の入力 + ラベル グループをグループ化するのに適しています。考えられるエラーメッセージを含めたいので、要素を子としてdivグループに（無意味な）要素を使用するのpが適切なようです：

<div>
  <p>
    <label>First Name</label>
    <input type="text" name="first_name" value="">
  </p>
  <p class="error_message"></p>
</div>
于 2016-11-07T09:49:30.413 に答える
0

<section>使用する正しいセマンティクスではないと思います。を使用することもできますが<fieldset>、それは複数の入力用であるか、すべてをで囲むことができると思います<label>。

例えば

<label>
  First Name
  <input type="text" name="surname" value="{{ Form::form_value('surname', $user) }}">
  <span class="error_message">{{ $errors->first('surname') }}</span>
</label>

それ以外の場合、<p>タグは完全に問題なく、とにかくフォームに多くのセマンティクスはありません。

于 2013-02-08T00:21:33.937 に答える