Grenze für ein HTML-Input-Taste

July 25

Mit einer Kombination von HTML-Markup und CSS (Cascading Style Sheets) Erklärungen, können Websites interaktive Elemente wie Schaltflächen enthalten. HTML-Formulare verwenden input-Elemente wie Schaltflächen, um Benutzerinteraktion innerhalb einer Website bereitzustellen. Button-Elemente werden im Allgemeinen in Standardmethoden im Browser des Benutzers angezeigt können, aber Entwickler um ihre Darstellung, einschließlich Rahmen bestimmt spezielle Stile-Eigenschaften bereitzustellen.

Input-Element

Um eine HTML-Schaltfläche auf einer Webseite einzubinden, können Sie das input-Element. Das input-Element kann ist ein gemeinsames Merkmal in Webformulare und beliebige Taste oder Text. Der folgende Beispielcode Markup veranschaulicht, einschließlich eine HTML-Eingabe-Schaltfläche:

< Eingang Typ = "Knopf" Value = "Drücken Sie mich" Class = "Standardbtn" / >

Knopf-Wert bestimmt den Text, der darauf angezeigt wird. Mit dem Class-Attribut können CSS-Code, um die Schaltfläche zu identifizieren.

CSS-ID

CSS-Code kann HTML-Elemente, die mit ihren Tag-Namen, ID-Attribute oder Class-Attribute identifizieren. Wenn ein Entwickler das gleiche Styling für alle input-Elemente innerhalb eines Standorts zu gelten möchte, kann er den Element-Tag-Namen als Bezeichner wie folgt verwenden:

Eingang {}

/CSS-Deklarationen hier/

}

Wenn ein Element einzigartig innerhalb der Web-Seite ist und ein ID-Attribut, kann CSS-Code dies wie folgt verwenden:

{Mainbtn} /CSS-Deklarationen hier/

}

Das würde funktionieren, wo die Eingabe-Taste ein ID-Attribut mit "Mainbtn" als Wert hat. CSS-Code können um ein Class-Attribut zu verwenden, in dem Fall einer Schaltfläche zu einer Gruppe von Elementen zugeordnet wird die folgende Syntax:

{Input.standardbtn}

/CSS-Deklarationen hier/

}

Grenze-Erklärung

CSS-Code kann Grenze Design in verschiedener Weise deklarieren. Um einen Satz von Eigenschaften deklarieren, die auf allen Seiten des Eingangs Button-Element angewendet wird, kann die folgende Syntax verwendet werden:

{Input.standardbtn}

Border: 1px solid #000000;

}

Dieser Code gibt die Rahmenstärke, Stil und Farbe für alle vier Seiten die Eingabe-Taste. Jedes dieser Elemente möglicherweise verschiedene mögliche Werte zu den allgemeinen Stil von einer Website oder Seite passt.

Grenze-Seiten

CSS-Code kann den Stil der einzelnen Seiten über die Eingabe-Taste separat vorschreiben. Der folgende Code gibt beispielsweise alle Eigenschaften von oben auf die Schaltfläche "Eingabe" in einer einzigen Zeile:

Border-Top: 3px punktiert #FF0000;

CSS-Code Alternativ angeben Styling für die Seiten der vier Element in Bezug auf einzelne Eigenschaften:

die Border-Width: 1px 2px 1px 2px;

Diese Syntax bestimmt die Breite der Top, rechten, unteren und linken Seiten.

Rahmeneigenschaften

CSS-Code kann diktieren Styling für einzelne Eigenschaften sowie Kurzschrift verwenden, um alle in einer einzigen Zeile deklarieren. Der folgende Code veranschaulicht die Rahmenfarbe festlegen:

Rahmenfarbe: #0000FF;

Das folgende Beispiel veranschaulicht, Rahmenart:

Rahmenart: doppelte;