Frage Ist das Abschnitts-Tag zum Gruppieren von Formularelementen geeignet?


Ich verwende derzeit p-Tags, um Formulargruppierungen zu umgeben (z. B. Label, Eingabe und Fehlermeldung) ...

p-Tags sind, was ich seit Jahren verwendet habe, aber ich habe ein kleines Problem als p Tags können keine divs etc. enthalten... also überlege ich mit dem Tag 'section' die Form 'sections' aufzulösen:) ...

Ich bin auf der Suche nach Feedback, wenn ihr denkt, dass die Verwendung dieses Tags in diesem Zusammenhang semantisch / funktional angemessen ist ... Formulare für mich als Web-Entwickler sind 90% meines Tages, also schätze eure Gedanken und euer Feedback :)

FYI (obwohl belanglos) Ich benutze Laravel Form für die Beispiele!

Vor

<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>

Nach

<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>

Vielen Dank für Ihr Feedback lächeln http://i2.minus.com/jOUK4SGJj8gGq.png


6
2018-02-07 22:59


Ursprung


Antworten:


Das section Element  kann geeignet für die Gruppierung von Formularelementen, aber sicher nicht für jede Eingabe + Labelgruppe. Es ist ein abschnittweises Inhaltselement, das heißt jedes section könnte in aufgeführt werden die Gliederung des Dokuments. Dies ist wahrscheinlich nicht das, was Sie wollen.

Ein guter Fall für section könnte sein sehr lange / komplexe Formen, wobei jeder Abschnitt möglicherweise mehrere enthält fieldset Elemente. Eine Faustregel für section Verwendung im Allgemeinen:

  • du solltest benutzen section wenn Sie eine Überschrift angeben (h1-h6) für den Inhalt;
  • Du könntest benutzen section wenn es angebracht wäre, eine Überschrift für den Inhalt anzugeben, aber aus irgendeinem Grund nicht.

Das p Element eignet sich für die Gruppierung von einer oder mehreren Eingabe + Label-Gruppen als das zweite Snippet in Beispiel 1 zeigt an. Da Sie mögliche Fehlermeldungen mit einbeziehen wollen (sinnlos) div Element für die Gruppe mit p Elemente als Kinder, scheint angemessen zu sein:

<div>
  <p>
    <label>First Name</label>
    <input type="text" name="first_name" value="">
  </p>
  <p class="error_message"></p>
</div>

1
2017-11-07 09:49



Ich denke nicht <section> ist die richtige Semantik zu verwenden. Du könntest benutzen <fieldset>, aber ich denke, das ist für mehrere Eingänge oder Sie könnten möglicherweise alles in einem umgeben <label>.

z.B.

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

Ansonsten, a <p> Tag ist vollkommen in Ordnung, es gibt sowieso nicht viel Semantik in einem Formular.


0
2018-02-08 00:21