我需要从下面的表单自定义文件上传按钮。
现在我的文件上传按钮看起来像文件上传图片。我需要像自定义文件上传图片一样自定义它
<form id="myform" action="" enctype="multipart/form-data">
<input id="tele" type="file" name="filename" />
<br/>
<input class="btn" type="submit" value="Upload" />
</form>
最佳答案
看完你的图片后,我认为你想要输入类型作为文本框而不是按钮。你可以尝试将输入类型文件保持隐藏并拥有这样的文本框吗
<input id="txt" type = "text" value = "Choose File"
onclick ="javascript:document.getElementById('file').click();">
<input id = "file" type="file" style='visibility: hidden;' name="img" onchange="ChangeText(this, 'txt');"/>
function ChangeText(oFileInput, sTargetID) {
document.getElementById(sTargetID).value = oFileInput.value;
}
您可以轻松地将 css 应用到此文本框
关于css - 如何自定义输入类型文件按钮和文本框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20716469/