Über die Kontrolle und Verschönerung von Eingabedateien

Beim Hochladen auf einigen Websites wird nach dem Klicken auf die Schaltfläche „Durchsuchen“ das Dialogfeld [Datei auswählen] angezeigt. Um diese Funktion zu erreichen, verwenden Sie einfach die Eingabedateisteuerung ~

Das Effektbild sieht wie folgt aus:

Beachten! Denken Sie nicht, dass dies aus einem Text und einer Schaltfläche besteht. Es handelt sich tatsächlich um ein Dateisteuerelement.

Heute bin ich bei der Arbeit auf eine Anforderung gestoßen: „Keine Datei ausgewählt“ darf nicht angezeigt werden. Nachdem ich eine Stunde lang daran herumgebastelt hatte, stellte ich fest, dass das Problem durch Festlegen des Breitenwerts gelöst wurde:

Code: <input type="file" value="Datei auswählen" />

Der Breitenwert ist auf 70px eingestellt, wie unten gezeigt:

【verschönern】

Ideen:

Das äußere Div soll eine Positionsreferenz für die Eingabe im Inneren bereitstellen, da beim Schreiben von Stilen eine relative Positionierung erforderlich ist, sodass das echte Dateisteuerelement das simulierte überdeckt und das Dateisteuerelement dann ausgeblendet wird (auch wenn das Dateisteuerelement nicht sichtbar ist).

Wirkung:

Der obige Artikel über Eingabedateisteuerung und Verschönerung ist der gesamte Inhalt, den der Editor mit Ihnen teilt. Ich hoffe, er kann Ihnen als Referenz dienen. Ich hoffe auch, dass Sie 123WORDPRESS.COM unterstützen werden.