Zusammenfassung der Änderung des Eingabefeldstils von Typ = "Datei"

Der Eingabetyp = Datei im Formular wird häufig in der Front-End-Entwicklung verwendet, aber die tragische Sache ist, dass die Eingabetyp = Datei in jedem Browser nicht einheitlich funktioniert und der Stil schwer zu arbeiten ist. Wie gehen wir mit diesem Problem um? Dies ist der Hauptinhalt, den wir heute besprochen haben . Was ist die Eingabe von Typ = Datei?

Ich denke nicht, dass es notwendig ist, etwas dazu zu sagen. Wie auch immer, jeder weiß es. In der Zeit verschiedener Mobiltelefone können Sie es hochladen, indem Sie direkt Fotos machen. Wie auch immer, es macht viel mehr Spaß als zuvor.

In der Vergangenheit konnte ich nur eine Datei hochladen. Solange das Mehrfachattribut hinzugefügt wird, können mehrere Dateien hochgeladen werden und es werden viele Dateiformate unterstützt. Ich werde nicht viel sagen. Weitere Informationen finden Sie unter http://www.w3.org/html/ig/zh/wiki/html5/number-state#.e6.96.87.e4.bb.b6.e4.b8.8a.e4.bc.a0.e7.8a.b6.e6.t

Jeder, der CSS gespielt hat, weiß, dass unter HTML -Elementen die Stiländerung von Formkontrollelementen am schmerzhaftesten ist. Die Stile vieler Steuerelemente werden je nach Systemthema verändert. Wenn Sie sie ändern möchten, können Sie sie nur durch Simulation implementieren, insbesondere im IE -Browser.

Für den Upload -Schaltflächentyp = Datei haben wir ihren Stil geändert. Einige Leute haben Simulationsmethoden angewendet, aber es wird gesagt, dass es bei Verwendung von Simulationsmethoden möglicherweise einige sogenannte Sicherheitsprobleme gibt. Nun, für eine Seite wie ich, Chetuzi, verstehe ich es nicht und selbst wenn ich es verstehe, weiß ich nicht, wie ich damit umgehen soll. Dann simulieren Sie es nicht ...

Aber wenn Sie nicht simulieren, wie ändern Sie den Stil?

Die Methode, die ich zuvor kannte, und die Methode, die jeder kennt, besteht darin, die Schaltfläche "Typ = Datei hochzuladen" und dann auf einem Bild überlagern, damit die Leute das Gefühl haben, dass sie erreicht wird, indem sie auf das Hochladen des Bildes klicken, und die native Upload -Taste nicht zu betrachten ist.

Kopieren Sie den Code