Testen Sie Ihre Fähigkeiten: Formularstruktur

Ziel dieses Fähigkeitstests ist es, zu beurteilen, ob Sie unseren Artikel Anleitung zur Strukturierung eines Webformulars verstanden haben.

Hinweis: Sie können die 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 sich in einem unserer Kommunikationskanäle an uns wenden.

Formularstruktur 1

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

  1. Trennen Sie die ersten beiden und die zweiten beiden Formularfelder in zwei separate Container, jeweils mit einer beschreibenden Legende (verwenden Sie "Personal details" für die ersten beiden und "Comment information" für die zweiten beiden).
  2. Markieren Sie jedes Textetikett mit einem geeigneten Element, um es semantisch mit dem jeweiligen Formularfeld zu verknüpfen.
  3. Fügen Sie einen passenden Satz von Strukturelementen um die Etikett-/Feld-Paare hinzu, um sie zu separieren.

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