Methode zum Definieren der Eingabetyp=Dateistil_HTML/Xhtml_Webseitenproduktion

Warum die Dateikontrolle verschönern? Stellen Sie sich vor, die anderen Kinder sind alle ordentlich gekleidet und schön, aber zwei von ihnen schauen nicht auf Sie herab. Das ist so unharmonisch.

Die ursprüngliche Dateisteuerung sieht so aus:

Denken Sie nicht, dass dies aus einem Text und einer Schaltfläche besteht, es ist ein Steuerelement , der HTML-Code lautet:

Kopieren Sie den Code

Der Code lautet wie folgt:

>
In diesem Fall verwenden wir einen Text und eine Schaltfläche, um den Stil dieser Datei anzuzeigen. Der HTML-Code lautet wie folgt:

Code kopierenCode wie folgt:

='btn' value='Browse..' /> .getElementById('textfield').value= this.value" />

< ;/form>
div>


Die äußere Ebene von div soll eine Positionsreferenz für die Eingabe im Inneren bereitstellen, da sie beim Schreiben von Stilen relativ positioniert werden muss Das echte Dateisteuerelement deckt das simulierte ab und verbirgt dann das Dateisteuerelement (auch wenn das Dateisteuerelement nicht sichtbar ist). Der CSS-Code lautet also wie folgt:

Kopieren Sie den Code

Der Code lautet wie folgt: .file-box{ position:relative;width:340px} .txt{ height: 22px; border:1px solid #cdcdcd; width:180px;}

.btn{ background- color:#FFF; border:1px solid #CDCDCD;height:24px; width:70px;}

.file{ position :absolute; top:0; right:80px; filter:alpha(opacity:0 );opacity: 0;width:260px }

Rendering:

Endlich eine DEMO hinterlassen: Klicken Sie, um die Demo anzuzeigen