Html <input> Tag -Attribute | Erklärt
- Geben Sie Attribut ein
- Namensattribut
- Min- und Max -Attribut
- Autofokusattribut
- Deaktiviertes Attribut
- Platzhalterattribut
- Readonly Attribut
- Erforderliches Attribut
- Mehrfachattribut
- Größenattribut
- Autokaponete Attribut
Diese Beschreibung bietet einen umfassenden Überblick über alle oben genannten Attribute. Lass uns fortfahren!
Geben Sie Attribut ein
Da der Name selbst das Attribut vom Typ im Tag vorschlägt, bestimmt der Eingabetyp, ist der stationäre Wert des Typs Typ-Attribut Text. Wir können dem Attribut vom Typ Typ, z. B. Passwort, E -Mail usw. unterschiedliche Werte zuweisen. Die grundlegende Syntax des Typ -Attributs ist in der folgenden Abbildung dargestellt:
Für das Typ -Attribut in Tag werden verschiedene Werte angegeben. Das Verhalten des Typattributs ist für verschiedene Werte unterschiedlich.
Namensattribut
Es gibt den Namen des Eingabelements an, der die grundlegende Syntax des Namensattributs lautet:
Es würde sich nicht auf die Ausgabe auswirken, stattdessen das Namensattribut mit dem Server über das Eingabefeld mitzuteilen.
Min- und Max -Attribut
Diese Attribute werden verwendet, um die minimalen und maximalen Werte des Eingabeelements anzugeben. Der folgende Snippet zeigt die Syntax der Min- und Max -Attribute:
Autofokusattribut
Das AutoFocus -Attribut bestimmt, dass ein Element beim Laden der Seite Autofokus erhalten sollte, und die folgende Abbildung zeigt die Syntax des Autofocus -Attributs:
Deaktiviertes Attribut
Das deaktivierte Attribut ermöglicht es uns, ein Element zu deaktivieren. In diesem Fall könnte der Benutzer nicht in der Lage sein, dieses Feld zu verwenden oder zu klicken:
Beispiel
Betrachten wir den untergegebenen Code, der alle oben genannten Attribute für verschiedene Felder implementiert:
Das obige Snippet erstellt mehrere Eingangsfelder, das Autofocus -Attribut ist im ersten Feld aktiv. Wir könnten nicht auf das zweite Feld klicken, da es das behinderte Attribut enthält. Das dritte Eingangsfeld ist ein Feld zum Zahlenstyp, und wir geben darin Min- und Max -Attribute an, sodass der Wert nur zwischen 20 und 60 benötigt wird:
Die Ausgabe überprüft, dass alle Attribute ordnungsgemäß funktionieren.
Platzhalterattribut
Es liefert einen Hinweis auf den erwarteten Wert des Eingangsfeldes. Die grundlegende Syntax des Platzhalterattributs lautet wie folgt:
Alles, was wir im Platzhalter angeben, wird als Hinweis wie unten gezeigt angezeigt:
Readonly Attribut
Es stellt fest, dass das Feld schreibgeschützt ist, was bedeutet, dass das Feld nicht geändert werden kann. Die Syntax des schreibgeschützten Attributs ist in der folgenden Abbildung dargestellt:
Wir geben Value = „Michael“ an und aktivieren das schreibgeschützte Attribut. Infolgedessen könnten wir den Wert dieses Eingabefeldes nicht ändern:
Erforderliches Attribut
Das erforderliche Attribut stellt fest, dass das Formular nicht eingereicht werden kann, wenn das Eingabefeld nicht ausgefüllt ist. Die grundlegende Syntax des erforderlichen Attributs ist im folgenden Snippet gezeigt:
Wenn wir auf die Schaltfläche Senden klicken, ohne das Eingabefeld zu füllen, erhalten wir das folgende Ergebnis:
Mehrfachattribut
Es ermöglicht uns, mehrere Werte einzugeben und wird hauptsächlich mit dem Eingabetyp „Datei“ verwendet, bei dem ein Benutzer mehrere Dateien auswählen kann. Unter dem Code -Snippet zeigt die Syntax des „multiplen“ Attributs:
Oben Snippet erzeugt die folgende Ausgabe:
Größenattribut
Es wird verwendet, um die Größe (Breite) des Eingangsfeldes einzustellen. Die Syntax des Größenattributs wird im untergegebenen Snippet angezeigt:
Die Standardgröße der Eingangsfelder beträgt 20 Zeichen, und wir haben die Größe des ersten Eingangsfeldes als 35 geändert. Es wird also die folgende Ausgabe erzeugt:
Autokaponete Attribut
Durch Aktivieren des automatischen Vervollständigungsattribut. Das untergegebene Snippet zeigt, wie das AutoComplete-Attribut im Eingabetag verwendet wird:
Oben Code-Snippet zeigt die folgende Ausgabe an:
Die Ausgabe hat überprüft, dass der Browser die bereits eingegebenen Daten vorschlägt, wenn autocomplete = „on“ eingelegt wird.
Abschluss
Die Tag -Attribute werden verwendet, um das Verhalten der Eingangsfelder des Formulars e zu steuern.G. Das Typ -Attribut bestimmt den Eingabetyp. Das Autofocus -Attribut wird verwendet, um sich auf das spezifische Element auf der Seitenlast zu konzentrieren. Das Aktivieren des automatisch vollständigen Attributs bietet bereits eingegebene Daten als Vorschläge und mehrere Attribut können wir mehrere Dateien hinzufügen. Diese Beschreibung hat eine detaillierte Anleitung für das tiefgreifende Verständnis der HTML-Tag-Attribute gezeigt.