Wie kann ich den Standardwert für eine HTML festlegen? <select> Element?
In der Webentwicklung benötigen wir während eines Formulars verschiedene Komponenten, z. Das Dropdown-Menü ist eine solche Komponente, die in einem Formular hinzugefügt wird, um eine Option aus einer Liste von Menüs auszuwählen. Dies kann auf einer Webseite mit einem HTML -Element erfolgen, das aus mehreren Optionen besteht, die im HTML -Element angegeben sind.
Diese Studie zeigt die Methode, um einen Standardwert für ein HTML -Element festzulegen.
So geben Sie den Standardwert für das HTML -Element an?
Manchmal das "ausgewähltDas Attribut muss hinzugefügt werden, um eine Standardoption festzulegen. In der Dropdown-Liste wird die Option mit dem ausgewählten Attribut standardmäßig angezeigt.
In der folgenden Syntax wird angezeigt, wie eine Option zu einem Standardwert wird:
Schauen Sie sich das folgende Beispiel für die Demonstration an!
Beispiel: Festlegen des Standardwerts für das HTML -Element
Fügen Sie in HTML zunächst ein Div -Element mit dem Klassennamen hinzu “Inhalt”. In diesem Element:
- Fügen Sie ein Überschriftenelement hinzu
.
- Dann fügen Sie die hinzu
Element mit einigen Inhalten. Der Element innerhalb der
Element wird verwendet, um den Text fett zu machen.
- HTML einschließen “Element mit den Attributennamen und ID.
- Wie wir oben erläutert haben, enthält das Auswahlelement die verfügbaren Optionen im Dropdown-Menü. Diese Optionen werden mit der HTML angegeben" Element.
Schauen Sie sich also den untergegebenen Code-Snippet an, bei dem die zweite Option mit dem Attribut angegeben wirdausgewähltUm es als Standardwert zu definieren:
LinuxHint
Wählen Sie Ihre Beiträge:
In diesem Fall, "Technischer Autor”Wird als Standardoption ausgewählt und angezeigt:
Gehen wir zum CSS -Abschnitt, wo wir verschiedene CSS -Styling -Eigenschaften verwenden, um die HTML -Elemente zu stylen.
Stil „Inhalt“ div
.Inhalt
Breite: 370px;
Höhe: 280px;
Grenze: 1PX Solid #874C62;
Rand: Auto;
Hintergrundfarbe: RGB (34, 32, 32);
Polsterung: 18px;
Border-Radius: 6PX;
Der ".Inhalt”Wird verwendet, um mit dem Klasseninhalt auf das HTML -DIV -Element zuzugreifen. Die Erklärung der oben genannten CSS-Eigenschaften ist unten aufgeführt:
- “BreiteDie Eigenschaft passt die Breite des Elements an.
- “HöheEigenschaft bestimmt die Größe des Elements.
- “GrenzeEigenschaft gibt den Rand um das Element an. Der Wert gibt die Grenzbreite, den Grenzstil und die Grenzfarbe an.
- “Rand”Eigenschaft gibt die Menge an Platz um das Element an.
- “HintergrundfarbeGibt die Hintergrundfarbe des Elements an.
- “Polsterung”Wird verwendet, um den Raum um den Inhalt des Elements zu erhöhen.
- “GrenzradiusIst die Eigenschaft, die die Ecken des Elements rund macht.
Stil „P“ Element
.Inhalt p
Schriftgröße: 20px;
Farbe: #fff;
Der
Das Element des Div -Inhalts wird mit den folgenden Eigenschaften gestaltet:
- “Schriftgröße”Legt die Schriftgröße des Elements fest.
- “FarbeDie Eigenschaft passt die Schriftfarbe des Elements an.
Stil „Auswählen“ Element
wählen
Polsterung: 5px;
Border-Radius: 5px;
Umriss: Keine;
Schriftgröße: 18px;
Das Auswahlelement wird mit den folgenden Eigenschaften angewendet:
- “Umriss”Eigenschaft gibt einen Rand oder eine Umrisse um das Element an, hauptsächlich wenn es ausgewählt ist.
- Der "Polsterung","Grenzradius", Und "SchriftgrößeEigenschaften erfüllen Funktionen wie oben angegeben.
Stil „H1“ Element
.Inhalt H1
Text-Align: Mitte;
Schriftgröße: 45px;
Farbe: #e485b9;
Der
Das Element ist mit den folgenden Eigenschaften dekoriert: - “TextausrichtungDie Eigenschaft passt die Textausrichtung des Elements an.
- “Schriftgröße" Und "FarbeEigenschaften haben das Element in einer Weise bezeichnet, wie oben angegeben.
Das folgende GIF zeigt das Endergebnis des Codes an:
So können Sie den Standardwert für ein HTML -Element festlegen.
Abschluss
Das HTML -Element umfasst mehrere Menüs, die ausgewählt werden können. Diese Menüs werden im HTML -Element angegeben. Um den Standardwert für ein HTML -Element festzulegen, muss das Attribut angegeben werden “ausgewähltFür diese Option. Diese Studie hat das HTML -Element und die Methode beschrieben, um ihren Standardwert mit einem praktischen Beispiel festzulegen.