Texteingaben
Teil des Abschnitts Fundamentals der HTML-Journey von Coddy — Lektion 36 von 60.
In HTML werden Texteingaben verwendet, um Formularfelder zu erstellen, in denen Benutzer Text eingeben können. Es gibt verschiedene Arten von Texteingaben, die jeweils für unterschiedliche Arten von textbasierten Daten konzipiert sind. Der am häufigsten verwendete Typ ist die einzeilige Texteingabe, die mit dem <input>-Tag erstellt wird, wobei das type-Attribut auf "text" gesetzt ist.
Hier ist die grundlegende Syntax zum Erstellen eines Texteingabefelds in HTML:
<input type="text" name="fieldname"><input>: Das Tag, das das Eingabefeld definiert.type="text": Ein Attribut, das den Eingabetyp als Text festlegt.name: Ein Attribut, das dem Eingabefeld einen Namen gibt, der verwendet wird, um die Daten zu identifizieren, wenn das Formular übermittelt wird.
Hinweis:
inputist ein spezielles Tag, es benötigt kein schließendes Tag!
Aufgabe
EinfachErstellen Sie ein HTML-Dokument, das ein Formular mit den folgenden Texteingabefeldern enthält:
- Ein Texteingabefeld mit dem Namen “firstname”.
- Ein Texteingabefeld mit dem Namen “lastname”.
Spickzettel
Texteingaben werden mit dem <input>-Tag mit type="text" erstellt:
<input type="text" name="fieldname">type="text": Gibt den Eingabetyp als Text anname: Identifiziert die Daten, wenn das Formular abgeschickt wird
Hinweis: <input> ist ein selbstschließendes Tag und benötigt kein schließendes Tag.
Probier es selbst
<!DOCTYPE html>
<html>
<body>
<!-- Hier Code schreiben -->
</body>
</html>
Teste dich selbstDiese Lektion enthält ein kurzes Quiz. Starte die Lektion, um es zu beantworten und deinen Fortschritt zu speichern.
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