入力タイプのスワップボタンとテキスト= "ファイル"

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