Heim >Web-Frontend >CSS-Tutorial >So unterscheiden Sie Eingabefelder und Schaltflächen
So unterscheiden Sie Eingabefelder und Schaltflächen
- 巴扎黑Original
- 2017-08-14 14:57:352040Durchsuche
Technische Untersuchung, wie beim Festlegen von Stilen unterschieden werden kann, ob es sich bei einer Eingabe um eine Schaltfläche oder ein Textfeld handelt – entfernen Sie den Inhalt in der Eingabe
Wenn Sie das HTML-Tag sehen, werden Sie Folgendes sehen: Was fällt mir ein? Ein Textfeld? Ein Knopf? Ein Optionsfeld? Ein Kontrollkästchen? ...Ja, ja, ja, es geht ihnen gut. Vielleicht haben Sie nicht gedacht, dass diese kleine Eingabe tatsächlich 10 verschiedene Dinge erzeugen kann. Hier ist eine Liste, an die Sie nicht gedacht haben:
Passwortfeld
Schaltfläche „Senden“
Eingabetyp = „Radio“ /> Optionsfeld
Verstecktes Feld
Eingabe ist wirklich eine großartige Sache und so „provokativ“, aber wenn Sie tatsächlich versuchen, unterschiedliche Stile für verschiedene Steuerelemente im Projekt festzulegen, werden Sie feststellen, dass Eingabe Ihnen wirklich „den Kopf umhauen“ kann. Ich weiß nicht, warum Eingaben überhaupt so viele Identitäten zugewiesen wurden, aber ihre „N-fachen Identitäten“ bereiteten Website-Designern große Probleme. Glücklicherweise sind die Werktätigen großartig und es gibt immer noch Möglichkeiten, das Problem zu lösen ~, obwohl sie alle ihre eigenen fatalen Mängel haben Orz ... Die Befreiungsmethoden sind grob zusammengefasst und die Liste lautet wie folgt (ich bin nicht sehr talentiert). , daher sind Fehler und Auslassungen unvermeidlich, daher möchte ich alle Experten um Rat fragen:
1. Verwenden Sie den CSS-Ausdruck, um den Ausdruck zu bestimmen
2 . Verwenden Sie Javascript-Skript zum Implementieren von
4. Wenn Sie Microsoft Visual Studio für Entwicklungsprojekte im Jahr 2005 oder spätere Versionen verwenden, können Sie auch Skin verwenden.
Im Folgenden wird die detaillierte Implementierung jeder Methode sowie ihre Vor- und Nachteile erläutert.
1: Verwenden Sie den CSS-Ausdruck, um den Ausdruck zu beurteilen
Implementierungscode-Referenz:
doctype html public "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/ xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<Kopf>
<Titel> diffInput2 title>
<meta Name="Autor" Inhalt="JustinYoung"/>
<Meta Name="Schlüsselwörter" Inhalt="" />
<meta name="Beschreibung" content=""/>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<Stil Typ="text/css" >
Eingabe
{
Hintergrundfarbe: expression(this.type=="text"?'#FFC':'');
}
Stil>
Kopf >
<Körper>
<dl>
<dt>Dies ist ein normales Textfeld:<dd><Eingabe Typ="Text" Name="">
<dt> <dd><Eingabe-Typ="Schaltfläche"Wert ="ich bin button">
dl>
Körper>
html>
Nachteile: Der Ausdruck Urteilsausdruck wird von FireFox nicht unterstützt. Das Fatale daran ist, dass Sie nur eines unterscheiden können (im Beispiel können Sie beispielsweise nur das Textfeld unterscheiden). Versuchen Sie nicht, mehrere festzulegen. Das Folgende überschreibt die oben genannten Orz ...
Das obige ist der detaillierte Inhalt vonSo unterscheiden Sie Eingabefelder und Schaltflächen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!