Testen Sie Ihre Fähigkeiten: Formularstruktur

Ziel dieses Fähigkeitstests ist es zu überprüfen, ob Sie unseren Artikel Wie strukturiert man ein Webformular verstanden haben.

Hinweis: Sie können Lösungen in den interaktiven Editoren auf dieser Seite oder in einem Online-Editor wie CodePen, JSFiddle oder Glitch ausprobieren.

Wenn Sie nicht weiterkommen, können Sie uns in einem unserer Kommunikationskanäle kontaktieren.

Formularstruktur 1

In dieser Aufgabe möchten wir, dass Sie die bereitgestellten Formularelemente strukturieren:

  1. Trennen Sie die ersten zwei und die zweiten zwei Formularfelder in zwei unterschiedliche Container, jeweils mit einer beschreibenden Legende (verwenden Sie "Persönliche Daten" für die ersten zwei und "Kommentarinformationen" für die zweiten zwei).
  2. Markieren Sie jedes Textetikett mit einem geeigneten Element, sodass es semantisch mit seinem jeweiligen Formularfeld verknüpft ist.
  3. Fügen Sie ein passendes Set von Strukturelementen um die Etikett-/Feld-Paare hinzu, um sie abzugrenzen.

Laden Sie den Ausgangspunkt für diese Aufgabe herunter, um in Ihrem eigenen Editor oder in einem Online-Editor zu arbeiten.