Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lernen Herausforderung: Formulareingabe- und Bezeichnungselemente | Tabellen und Formulare
Html-Grundlagen
course content

Kursinhalt

Html-Grundlagen

Html-Grundlagen

1. Verstehen des Webs und HTML
2. HTML-Grundlagen
3. Bilder und Medien
4. Tabellen und Formulare
5. Fortgeschrittenes HTML

book
Herausforderung: Formulareingabe- und Bezeichnungselemente

Aufgabe

Erstellen Sie ein HTML-Formular, um Benutzerinformationen mithilfe von Eingabefeldern und entsprechenden Beschriftungen zu sammeln.

html

index.html

js

index.js

copy

Hinweis

  • Schritt 1: Geben Sie die korrekten Attribute für jedes Eingabefeld an, indem Sie diese Anweisungen befolgen:
    • Verwenden Sie das Attribut type="text" für die Namenseingabe;
    • Verwenden Sie das Attribut type="email" für die E-Mail-Eingabe;
    • Verwenden Sie das Attribut type="password" für die Passworteingabe;
    • Verwenden Sie das Attribut type="date" für die Geburtstagseingabe.
  • Schritt 2: Stellen Sie sicher, dass jedes Eingabefeld korrekt mit seinem entsprechenden Label verknüpft ist, indem Sie diese Anweisungen befolgen:
    • Für das Eingabefeld mit der id="name-field" sollte das entsprechende Label for="name-field" haben;
    • Für das Eingabefeld mit der id="email-field" sollte das entsprechende Label for="email-field" haben;
    • Für das Eingabefeld mit der id="password-field" sollte das entsprechende Label for="password-field" haben;
    • Für das Eingabefeld mit der id="birthdate-field" sollte das entsprechende Label for="birthdate-field" haben.
html

index.html

js

index.js

copy

War alles klar?

Wie können wir es verbessern?

Danke für Ihr Feedback!

Abschnitt 4. Kapitel 6
We're sorry to hear that something went wrong. What happened?
some-alt