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:
Es sollte drei Paare aus Label und Eingabefeld 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.
Setze zwischen die Paare jeweils ein <br>, damit jedes Paar aus Label und Eingabefeld in einer eigenen Zeile steht.
Probier es selbst
<!DOCTYPE html>
<html>
<body>
<!-- Schreibe hier Code -->
</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