Zusammenfassung – Einfaches Formular
Teil des Abschnitts Fundamentals der HTML-Journey von Coddy — Lektion 40 von 60.
Aufgabe
EinfachErstellen Sie ein HTML-Dokument, wie in der Abbildung unten gezeigt:
Es sollte drei Label-Input-Paare enthalten:
- Ein Label mit dem Text "Full Name:", das einem Text-Eingabefeld 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 Text-Eingabefeld 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 Passwort-Eingabefeld zugeordnet ist. Das Eingabefeld sollte den Namen "userpassword" und einen Platzhalter mit dem Text "Enter your password" haben. Legen Sie 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 Fundamentals
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