如何放置<；输入类型＝“；文件“>；内部<；输入类型＝“；文本“>；标签

How to place <input type="file"> inside <input type="text"> tag?

我的问题是，当用户选择一个文件时，文件名应该显示在文本字段上。请告诉我怎么做？？

<input type="file" id = "file_upload" />
<input id="file_name" type="text" />

您的javascript

document.getElementById('file_upload').onchange = file_name;
function file_name() {
    var filename = this.value;
    var lastIndex = filename.lastIndexOf("''");
    if (lastIndex >= 0) {
        filename = filename.substring(lastIndex + 1);
    }
    document.getElementById('file_name').value = filename;
}