In HTML wird das Namensattribut verwendet, um einen Namen für ein Element in HTML anzugeben, wie z. B. Alter, Datum und viele weitere. Es wird auch in Form von Referenz verwendet, wenn die Daten in einem Formular eingereicht werden. Darüber hinaus kann der Benutzer das Element stylen “Name"Mit Hilfe eines Selektors darauf zugreifen und dann CSS -Eigenschaften anwenden, einschließlich"Höhe","Farbe","Hintergrundfarbe","SchriftgrößeUnd vieles mehr nach Ihrer Wahl.

In diesem Beitrag wird gezeigt, dass der CSS -Stil auf einen Elementnamen angewendet wird.

Wie kann ich einen CSS -Stil auf einen Elementnamen anwenden??

Ja, der Benutzer kann den Elementnamen mit Hilfe verschiedener CSS -Eigenschaften stylen, indem sie diese anwendet. Probieren Sie dazu die angegebene Schritt-für-Schritt-Prozedur aus.

Schritt 1: Erstellen Sie einen DIV -Behälter

Anfangs verwenden Sie die “”Tag zum Erstellen eines Div -Containers. Fügen Sie dann ein Klassenattribut hinzu und weisen Sie der Klasse gemäß Ihren Einstellungen einen Namen zu. In diesem Szenario die “Div-ma”Wird als Klassenname festgelegt.

Schritt 2: Überschrift hinzufügen

Als nächstes setzen Sie die Überschrift mit Hilfe von “ein“

”Und einbetten Text in das Keulen Öffnungs- und Schlussetikett ein.

Schritt 3: Erstellen Sie ein Formular

Um ein Formular zu erstellen, befolgen Sie diese Prozedur:

• Zuerst fügen Sie eine "hinzu"Element, das zum Erstellen einer Form verwendet wird.
• Als nächstes verwenden Sie die “Element zum Einbetten des Etiketts und dann das “Element wird zur Zuweisung der Formfelder verwendet.
• Der Typ des Eingangs wird als "festgelegt" festgelegtText”, Was das Textfeld in der Form angibt.
• Der "Platzhalter”Zuweist einen kurzen Hinweis, der den Wert definiert, der im Eingangsfeld angezeigt werden soll.
• “NameAttribut definiert eine erwartete Referenz, wenn das Formular eingereicht wird.
• Der "Mindest”Gibt den Mindestwert für eine“ an "" Element.
• Der Eingangstyp “einreichen”Wird verwendet, um dem Formular eine Taste hinzuzufügen:

CSS -Stil zu einem Elementnamen

Ihren Namen




Dein Geschlecht




Dein Alter

Es ist zu bemerken, dass die Form erfolgreich erstellt wurde:

Schritt 4: Zugangsklasse

Greifen Sie nun auf die Klasse zu, indem Sie den Klassenwählers mit dem Klassennamen verwenden. Zum Beispiel, ".Div-ma”Wird zum Zugriff auf die Hauptklasse verwendet.

Schritt 5: Wenden Sie CSS -Eigenschaften an

Wenden Sie nach dem Zugriff auf die Klasse die CSS -Eigenschaften zum Styling an:

.div-main
Grenzstil: gestrichelt;
Rand: 20px 70px;
Polsterung: 20px;
Hintergrundfarbe: RGB (177, 245, 222);

Hier:

• “GrenzstilEigenschaft wird verwendet, um dem Elementrand einen Stil hinzuzufügen.
• “Rand"Definiert einen Raum außerhalb des definierten Randes um das Element, wo der erste Wert ist"20px"Und fügt oben und unten Platz hinzu, und der zweite Wert"70px”, Legt den Platz auf der linken und rechten Seite fest.
• “Polsterung”Definiert einen Raum innerhalb der Grenze.
• “Hintergrundfarbe”Wird verwendet, um die Farbe am Hintern des Elements anzugeben.

Ausgang

Schritt 6: Zugriffselement "Name" zugreifen

Zugang nun auf die “" Element "Name”. Zum Beispiel werden wir mit dem Namen auf das Eingabebuch zugreifen “Alter”.

Schritt 7: Wenden Sie den CSS -Stil auf Element "Name" an

Wenden Sie als nächstes CSS -Stile auf das Element an “Name”Durch die Verwendung der aufgelisteten Eigenschaften:

input [name = "älter"]
Höhe: 40px;
Farbe: RGB (243, 242, 242);
Hintergrundfarbe: RGB (241, 34, 7);
fette Schriftart;
Schriftgröße: groß;

Im obigen Code:

• “HöheEigenschaft verteilt dem ausgewählten Element eine Höhe.
• “FarbeWird verwendet, um die Farbe des Elementtextes anzugeben.
• “HintergrundfarbeWird verwendet, um die Hintergrundfarbe des Elements festzulegen.
• “Schriftart”Wird als" eingestellt "deutlichUm es prominent zu machen.
• “SchriftgrößeGibt die Größe der Schrift an. Wenn die Schriftgröße geändert wird, ändert sie auch die Größen der Schriftart.

Infolgedessen das Element “Alter”Wird wie folgt gestylt:

Wir haben Ihnen beigebracht, den CSS -Stil auf den Elementnamen anzuwenden.

Abschluss

Ja, der Benutzer kann den Elementnamen mit Hilfe verschiedener CSS -Eigenschaften stylen, indem sie diese anwendet. Erstellen Sie zuerst ein Formular und fügen Sie mehrere Felder hinzu. Dann greifen Sie auf die “zu"Name”Element aus dem“Tag, indem Sie die "verwenden"input [name = "”]" Syntax. Wenden Sie dann die erforderlichen CSS -Eigenschaften an. In diesem Beitrag wurde die Methode zum Styling des Elementnamens durch Anwendung von CSS -Eigenschaften erläutert.