Zusammenfassung – Einfaches Formular
Teil des Abschnitts Grundlagen der HTML-Journey von Coddy. Lektion 40 von 60.
Aufgabe
EinfachErstelle ein HTML-Dokument wie im Bild unten dargestellt:
Es sollte drei Label-Eingabefeld-Paare enthalten:
- Ein Label mit dem Text "Full Name:", das einem Texteingabefeld zugeordnet ist. Das Eingabefeld sollte den Namen "fullname" und einen Platzhalter mit dem Text "Enter your full name" haben.
- Ein Label mit dem Text "Email:", das einem Texteingabefeld zugeordnet ist. Das Eingabefeld sollte den Namen "email" und einen Platzhalter mit dem Text "Enter your email" haben.
- Ein Label mit dem Text "Password:", das einem Passworteingabefeld zugeordnet ist. Das Eingabefeld sollte den Namen "userpassword" und einen Platzhalter mit dem Text "Enter your password" haben. Lege die maximale Länge dieses Feldes auf 20 Zeichen fest.
Probier es selbst
<!DOCTYPE html>
<html>
<body>
<!-- Hier Code schreiben -->
</body>
</html>Alle Lektionen in Grundlagen
2Text und Formatierung
ÜberschriftenAbsätzeZeilenumbrücheFetter und kursiver TextNochmals fett und kursivWiederholung – Formatierung8Formulare und Eingaben Teil 1
Formular-GrundlagenTexteingabenInput-AttributePasswortfeldLabels für EingabenZusammenfassung – Einfaches Formular11Event-Registrierungsseite
ProjektübersichtHeader-Bereich
Event-Details-BereichRegistrierungsformularFooter-Bereich6Seitenlayout
Bereiche (Divisions)Inline-SpansSemantische TagsSections und ArticlesZusammenfassung – Layout9Formulare und Eingaben Teil 2
Radio-ButtonsCheckboxenDropdownsButtonsButtons in FormularenWiederholung - Formulare #1Wiederholung - Formulare #212Abschlussherausforderungen
Einfache ProfilkarteEvent-EinladungskarteEinfache ArtikelseiteLieblingsbücher-ListeÜbe selbstständig: Web-Playground