Kann CSS Texteingaben auf externen Seiten ohne JavaScript erkennen?

Erkennen von Texteingaben mithilfe von CSS in unkontrollierbaren externen Seiten

Um festzustellen, ob ein Eingabefeld Text ausschließlich über CSS enthält, sollten Sie Folgendes berücksichtigen mithilfe eines Platzhalterattributs. Obwohl der Platzhalter notwendig ist und nicht leer sein darf, kann er auf ein einzelnes Leerzeichen festgelegt werden.

Anwenden der CSS-Regel:

input:not(:placeholder-shown) {
  border-color: green;
}

input:placeholder-shown {
  border-color: red;
}

Demonstration:

<input placeholder="Text is required" />
<input placeholder=" " value="This one is valid" />
<input placeholder=" " />

In diesem Beispiel hat die Eingabe mit einem Platzhalter und ohne Text einen grünen Rahmen, der darauf hinweist, dass dies der Fall ist leer. Umgekehrt hat die Eingabe mit einem Platzhalter und Text oder mit einem Platzhalter und Wert, der nur Leerzeichen enthält, einen roten Rand.

Zusätzliche Hinweise:

• Diese Methode funktioniert, weil :placeholder-shown eine Pseudoklasse ist, die mit Elementen übereinstimmt, die einen Platzhalter anzeigen.
• :placeholder-shown wird in unterstützt alle gängigen Browser.

Das obige ist der detaillierte Inhalt vonKann CSS Texteingaben auf externen Seiten ohne JavaScript erkennen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!