Inhaltsverzeichnis
Eines der wichtigsten Elemente innerhalb eines HTML-Dokuments ist das Element Eingang Da dies die Hauptstromquelle für den Benutzer ist, werden wir in diesem Tutorial etwas ausführlicher sehen, wie man mit diesem Element und seinen Eigenschaften arbeitet, sowie die Attribute, die wir verwenden können HTML5.Eingabetext
Das Eingabetext, es ist die einfachste Form des Eingabeelements, es ermöglicht uns, alphanumerischen Klartext und alle Sonderzeichen zu erfassen. Obwohl die Eingabe nicht schlecht ist, müssen wir manchmal etwas mehr filtern, um die Daten zu erhalten, die wir wirklich benötigen.
Sehen wir uns die speziellen Attribute an, die wir mit diesem Element verwenden können, wenn wir als Texttyp arbeiten.
- Dirname: Dieses Attribut ist nicht neu für HTML5, Dieses Attribut ermöglicht uns jedoch, die Richtung der Texteingabe entweder von rechts nach links oder von links nach rechts zu ändern, was wir normalerweise in der westlichen Sprache verwenden.
Kommentar:
Kommentar posten
- aufführen: Dieses Attribut ist neu in HTML5 und es gibt uns die Möglichkeit, die ID eines Elements anzugeben Datenliste Ich könnte diesem Element Werte zuweisen.
Startseite:
- maximale Länge: Ein weiterer alter Bekannter von HTML, Es ist nicht neu, aber es ist sehr hilfreich, da es uns ermöglicht, die maximale Anzahl von Zeichen zu begrenzen, die die Eingabe akzeptiert. Ein Beispiel ist, wenn wir 3-Buchstaben-Codes akzeptieren, wir dieses Attribut mit dem Wert 3 platzieren und versuchen, einzugeben einen vierten Brief würde ich einfach nicht schreiben.
- Muster: Neu in HTML5 ermöglicht es uns, Muster für reguläre Ausdrücke einzugeben, sodass wir eine neue Validierungsebene hinzufügen können, ohne zusätzliche Sprachen zu verwenden.
Artikelnummer:
- Platzhalter: Neu in HTML5, Es ist eine visuelle Hilfe, die es uns ermöglicht, einen Text einzugeben, der im Eingabetext erscheint und dem Benutzer eine kleine Hilfestellung bietet Platzhalter "Geben Sie Vor- und Nachnamen durch Leerzeichen getrennt ein", passen Sie natürlich die Stile an, damit alles ästhetisch korrekt aussieht.
Süßkartoffel:
- schreibgeschützt: Dieses Attribut ist in HTML5 nicht neu. Es ermöglicht uns, dass der Benutzer keine Daten eingeben oder den Inhalt des Felds mit diesem Attribut bearbeiten kann.
- erforderlich: Neu in HTML5, Mit diesem Attribut können wir angeben, dass das Formular bei leerer Eingabe noch nicht gesendet werden soll, wodurch die obligatorische Ausfüllung erzwungen wird. Auf diese Weise erhöhen wir eine weitere Validierungsebene.
E-Mail-Addresse:
- Größe: Es hilft uns, die Breite des Eingabeelements festzulegen. Dieses Attribut ist nicht neu, aber sehr wichtig, da es uns hilft, den Text, den der Benutzer eingeben muss, besser zu visualisieren und uns auch ästhetisch zu helfen, homogene zu erstellen Eingabefelder, um sie alle mit einer Breite platzieren zu können, die größer ist als die, die standardmäßig mitgebracht wird.
- Wert: Es ist nicht neu in HTML5, dieses Attribut ermöglicht es uns, Werte in einem Eingabetext zu platzieren, es unterscheidet sich vom Platzhalter, da das, was beim Senden als Wert zugewiesen wird, wenn es als Inhalt des Elements gesendet würde, ziemlich daran gewöhnt ist Füllen Sie ein Formular mit Inhalten aus, die aus der Datenbank stammen, wenn wir eine Serversprache verwenden.
Im nächsten Teil des Tutorials sehen wir einige praktische Beispiele für die Verwendung einiger dieser Attribute.
Aktualisieren: Teil2 dieses TutorialsHat dir dieses Tutorial gefallen und geholfen?Sie können den Autor belohnen, indem Sie diesen Knopf drücken, um ihm einen positiven Punkt zu geben
