输入类型=“文件”中的交换按钮和文本

Question

我想在输入type="file"中交换文本和按钮。是否有可能只使用html和css来完成这个任务，或者只有js解决方案适合？

Answer 1

如果您想在单击按钮时交换按钮的文本，您必须调用JS方法，没什么特别之处，只是为了从输入字段中检索文本，因为用户输入的文本可以动态更改。

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; 
}