如何在html中的文本框內帶上瀏覽按鈕

Question

**如何在文本框內帶上瀏覽按鈕？ 我嘗試了很多解決方案，但找不到。 致謝提前**

Answer 1

我和你有同樣的問題，如果我理解正確。 您可能需要使用JavaScript函數來進行，或檢查邁克爾麥迪的解決方案： 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> 

（一切都在網站上的相關詳細，因爲它是一個良好已知問題）。希望能幫助到你。