Wie füge ich dem HTML-Formularrahmen Farbe hinzu? Beispiel für die Rahmenfarbe eines HTML-Formular-Tags

In diesem Artikel geht es hauptsächlich um das Hinzufügen von Farben zu den Rändern von HTML-Formularen. Sie können die Farbe in jede gewünschte Farbe ändern. Als nächstes werfen wir einen Blick auf diesen Artikel über die Ränder von HTML-Formularen.

Zuerst sprechen wir darüber, wie man dem Rand des Formulars Farbe hinzufügt.

-Tag wird zum Sammeln von Benutzerinformationen verwendet. Eingabefelder haben viele Formen, die auf unterschiedlichen Typattributwerten basieren. Eingabefelder können Textfelder, Kontrollkästchen, maskierte Textsteuerelemente, Optionsfelder, Schaltflächen usw. sein.

Tipp: In HTML hat das -Tag kein schließendes Tag; in XHTML muss das -Tag korrekt geschlossen werden.

Tipp: Bitte verwenden Sie das Label-Element, um eine Beschriftung für ein Formularsteuerelement zu definieren.

Sehen wir uns zunächst ein Beispiel für die Verwendung von HTML-Formularrändern an:

<form action="form_action.asp" method="get">
  请输用户名: <input type="text" name="fname" /></br>
  重复用户名: <input type="text" name="lname" /></br>
  <input type="submit" value="提交" />
</form>

Der im Browser angezeigte Effekt ist:

Ich glaube, wir haben diesen Effekt schon oft gesehen und ihn oft genutzt.

Dies ist ein Rahmen, der noch nicht hinzugefügt wurde. Lassen Sie uns nun darüber sprechen, wie man einen Rahmen hinzufügt:

In diesem Artikel verwenden wir den CSS-Stil Grenzlinie, wie zum Beispiel das Hinzufügen dieses Stils:

<style>
form{
    border: 3px solid red;
}
</style>

Der darin enthaltene Effekt wird angezeigt:

<style>
form{
    border: 3px solid red;
}
</style>

<form action="form_action.asp" method="get">
  请输用户名: <input type="text" name="fname" /></br>
  重复用户名: <input type="text" name="lname" /></br>
  <input type="submit" value="提交" />
</form>

Jetzt schauen wir uns den Effekt an. Gibt es eine 3? -Pixel-Rand:

Wie im Bild gezeigt, wird dieser Code nicht auch sehr einfach verwendet? Hiermit können Sie sowohl die Farbe der Randlinie als auch die Pixel anpassen.

Dieser Artikel über die Grenzen von HTML-Formularen endet hier (wenn Sie mehr Programmierkenntnisse erlernen möchten, willkommen auf der PHP-Chinesisch-Website zum Lernen. Wenn Sie Fragen haben, können Sie diese unten stellen).

[Empfehlung der Redaktion]

Wie entferne ich die Beschriftung vom ol-Tag in HTML? Zusammenfassung zur Verwendung von

Wie entferne ich den Punkt aus dem ul-Tag in HTML? Stilinstanzanalyse einer ungeordneten HTML-Liste

Das obige ist der detaillierte Inhalt vonWie füge ich dem HTML-Formularrahmen Farbe hinzu? Beispiel für die Rahmenfarbe eines HTML-Formular-Tags. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!