Kursinhalt
Html-Grundlagen
Html-Grundlagen
Herausforderung: Formulareingabe- und Bezeichnungselemente
Aufgabe
Erstellen Sie ein HTML-Formular, um Benutzerinformationen mithilfe von Eingabefeldern und entsprechenden Beschriftungen zu sammeln.
index.html
index.js
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.
- Verwenden Sie das Attribut
- 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 Labelfor="name-field"
haben; - Für das Eingabefeld mit der
id="email-field"
sollte das entsprechende Labelfor="email-field"
haben; - Für das Eingabefeld mit der
id="password-field"
sollte das entsprechende Labelfor="password-field"
haben; - Für das Eingabefeld mit der
id="birthdate-field"
sollte das entsprechende Labelfor="birthdate-field"
haben.
- Für das Eingabefeld mit der
index.html
index.js
War alles klar?
Danke für Ihr Feedback!
Abschnitt 4. Kapitel 6