Swap-Taste und Text in Eingangstyp = "Datei"

Question

Ich möchte Text und Schaltfläche in Eingabe type="file" austauschen. Ist es möglich nur html und css für diese Aufgabe zu verwenden oder sind nur js Lösungen geeignet?

Answer 1

Wenn Sie den Text einer Schaltfläche tauschen möchten, wenn Sie auf die Schaltfläche klicken, müssen Sie eine JS-Methode aufrufen, nichts Besonderes, aber nur den Text aus dem Eingabefeld abrufen, da der Benutzer eingegebene Text dynamisch ändern kann.

HTML

<input type="button" class="swapBtn" id="swapBtn" onclick="swapText()" value="button text"> 
<input type="text" id="inputTxt" class="inputTxt"> 

JS

function swapText() 
{ 
    var textStr = document.getElementById("inputTxt").value; 
    var btnEl = document.getElementById("swapBtn"); 
    btnEl.innerHTML = textStr; 
}