Question

**如何在文本框中添加浏览按钮？我尝试了很多解决方案，但我找不到。此结果在提前**

Answer 1

如果我理解正确的话，我和你有同样的问题。您可能想要使用javascript函数来执行此操作，或者查看Mickael McGrady的解决方案： http://www.quirksmode.org/dom/inputfile.html

实际上，按钮/文本框的显示取决于浏览器的版本，因此您可能希望实现相对按钮。在我的网站上，我用javascript做了更优雅，但如果你只喜欢html：

<div class="fileinputs">
    <input type="file" class="file" />
    <div class="fakefile">
        <input />
        <img src="search.gif" />
    </div>
</div>

和css：

div.fileinputs {
    position: relative;
}

div.fakefile {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
}

input.file {
    position: relative;
    text-align: right;
    -moz-opacity:0 ;
    filter:alpha(opacity: 0);
    opacity: 0;
    z-index: 2;
}

<div class="fileinputs">
    <input type="file" class="file" />
    <div class="fakefile">
        <input />
        <img src="search.gif" />
    </div>
</div>

（一切都在网站上详细说明，因为这是一个众所周知的问题）。希望它有所帮助。

如何在html文本框中引入浏览按钮

1 个答案: