So definieren Sie einen Standardwert für Eingabe type = text, ohne das Attribut Wert zu verwenden?

Jean Dengler

Die HTML -Elemente werden verwendet, um Webseiten bestimmte Funktionen hinzuzufügen. Zum Beispiel die “

Element erstellt eine Tabelle, die “Element wird verwendet, um ein Eingabefeld und viele weitere hinzuzufügen. In HTML werden Attribute verwendet, um die zusätzlichen Informationen an die Elemente anzugeben.

In diesem Beitrag werden Sie angewiesen, einen Standardwert für "" zu definieren, ohne das Attribut zu verwenden "Wert”.

Bevor Sie in die Diskussion wechseln, sehen wir zunächst, wie das in Element angegebene "Wert" -attribut verwendet wird. Dies ist eine bessere Option, um einen Standardwert für das "Element" zu definieren.

Was ist HTML -Wertschöpfungsattribut?

In HTML die “WertDas Attribut wird verwendet, um den Standardwert des Eingabeelements festzulegen.

Beispiel

Der folgende Codeblock zeigt die “"Element mit den Attributen" Typ "," Klasse "und" Wert "mit" Typ "," Klasse "und" Wert ":

Hier ist die Beschreibung der oben genannten Attribute:

- “TypDas Attribut legt den Eingabefeldentyp fest, z. B. Kontrollkästchen, Radio, Text oder mehr.
- “Klasse" Und "Ausweis”Attribute werden so eingestellt, dass sie auf das Element in CSS oder JavaScript für eine weitere Manipulation zugreifen können.
- “WertDas Attribut legt den Standardwert fest.

Ausgang

Fügen wir das CSS -Stil zum "" "Element hinzu, um es präsentierbar zu machen.

Stil „Eingabestil“ -Klasse

Der ".Eingabestil”Wird verwendet, um auf die Klasse zuzugreifen, und die folgenden Eigenschaften werden darauf angewendet:

.Eingabestil
Polsterung: 10px;
Schriftgröße: 20px;
Border-Radius: 10px;
Grenze: 1PX Solid RGB (204 203 203);
Box-Shadow: 1PX 1PX 1PX 1PX RGB (204 203 203);

Hier:

- “Polsterung”Fügt Platz innerhalb des Randes des Elements hinzu.
- “Schriftgröße”Definiert die Größe der Schrift.
- “Grenzradius”Macht die Kanten des Elements rund.
- “Grenze”Wendet Rand um das Element an.
- “Box Schatten”Fügt einen Schatten um das Element hinzu. Es gibt die Werte für seinen horizontalen Offset, den vertikalen Versatz, den Unschärfeneffekt, den Spread -Effekt und die Farbe an.

Ausgang

So definieren Sie einen Standardwert für "Eingabe type = text", ohne das Attribut "Wert" zu verwenden?

In HTML gibt es mehrere Möglichkeiten, einen Standardwert für “festzulegen“Eingabetyp = Text”. Einige von ihnen sind unten aufgeführt:

- Verwenden des Attributs "Platzhalter"
- Verwenden der JavaScript -Eigenschaft "Wert"
- Verwenden der Jquery "Val ()" -Methode

Methode 1: So definieren Sie einen Standardwert für "Eingabe type = text" mit dem HTML -Attribut "Platzhalter"?

Die Methode zum Festlegen des Standardwerts für die “"Element ist das"Platzhalter”Attribut. Dieses Attribut wird so eingestellt, dass der Inhalt im Eingabeelement angezeigt wird:

Ausgang

Bisher haben wir erklärt. Sie können den Standardwert auch mit JavaScript und JQuery angeben. Lassen Sie uns diese Ansätze nacheinander diskutieren.

Methode 2: So setzen Sie einen Standardwert für "Eingabe type = text" mithilfe der Eigenschaft JavaScript "Wert"?

Sie können auch den Standardwert eines Eingangsfeldes mit JavaScript bestimmen. Fügen Sie die “hinzu, um JavaScript -Code in HTML aufzunehmen, um das zu erhalten" Stichworte:

Innerhalb der "Tags, geben Sie die “an"dokumentieren.GetElementById ()”Um das Eingabeelement durch ID abzurufen. Dann enden Sie die “an anhängenWertEigenschaft ”und setzen Sie den Standardwert auf das Element.

Ausgang

Methode 3: So geben Sie einen Standardwert für „Eingabe type = text“ mit der Methode jQuery „Val ()“ an?

Eine weitere effiziente Möglichkeit, den Standardwert für "Eingabe type = text" zu definieren, ist die jQuery "val ()" Methode. JQuery ist eine JavaScript -Bibliothek. Es ist erforderlich, JQuery herunterzuladen, bevor Sie seine Methoden verwenden, oder es über CDN wie Google einbezieht.

Um es herunterzuladen, besuchen Sie jQuery.com. Geben Sie dann die Referenz innerhalb der “an“Abschnitt der HTML:

Geben Sie den folgenden Code an:

In HTML, innerhalb der “Element, fügen Sie die "hinzu"$ ()Methode mit der ID eines Elements als Parameter und holt das Element ab. Dann enden Sie die “an anhängen.val ()Methode damit, um den Standardwert anzugeben:

>$ ('#Beispiel).Val ('Standard');

Ausgang

Es kann beobachtet werden, dass der Standardwert für das Eingangsfeld erfolgreich eingestellt wurde.

Abschluss

In HTML, um einen Standardwert für “zu definieren“", Die "Wert”Attribut wird verwendet. Es gibt jedoch verschiedene alternative Arten, wie zum Beispiel die Verwendung der “PlatzhalterAttribut, JavaScript -Code und JQuery -Methoden. Um JavaScript und JQuery -Code in HTML hinzuzufügen, geben Sie die “Geben Sie die“ an" Stichworte. Der "WertEigenschaft in JavaScript und die “val ()Die Methode in JQuery wird verwendet, um den Standardwert festzulegen. Dieser Beitrag hat die Methoden erläutert, um den Standardwert für "" festzulegen, ohne das Attribut "Wert" zu verwenden.