HTML/CSS文件上傳

這是上傳文件代碼：HTML/CSS文件上傳

<form> 
<input type="file" name="file"/> 
</form>

這是出現一個文本框和瀏覽按鈕來上傳文件。

那麼，有沒有什麼辦法通過點擊「some」文本來上傳文件，例如：「上傳文件」文本。點擊這個文本後，上傳框就會出現。

來源

2012-04-21 Shibbir

是的，這是可以應用一些CSS在輸入標籤上，你完成 – Jack 2012-04-21 07:18:31

-1

直接你不能設置輸入類型文件的任何CSS你需要使用這個技巧。看到這個plugin

來源

2012-04-21 07:14:10

好吧，我正在檢查.. – Shibbir 2012-04-21 07:15:32

檢查這也是http://www.quirksmode.org/dom/inputfile.html – 2012-04-21 07:20:15

雖然這可能在理論上回答這個問題，我們希望你在你的答案包括鏈接文章的基本部分，並提供[鏈接供參考]（http://meta.stackexchange.com/q/8259）。如果做不到這一點，答案就會受到鏈接腐敗的威脅。 – Kev 2012-05-19 02:59:09

試試這個

http://jsfiddle.net/RffbE/

<form> 
<input type="file" name="file" id="file" style="display:none"/> 
<span onclick="doTrick()">Upload your file</span> 
</form>

，並使用此javascript函數。

function doTrick() { 
    document.getElementById('file').click(); 
}

來源

2012-04-21 07:30:42 Nauphal

我想你需要這個

請參閱我的jsfiddle

的jsfiddle：http://jsfiddle.net/ks5r7/6/

<html> 
    <head> 
     <script> 
      function show() 
      { 
       document.getElementById('box').style.display='inline'; 
      } 

     </script> 
    </head> 
    <body> 
     <div id="show"><a href="#" onclick="show()">Upload my file</div> 

     <div id="box" style="display:none";><input type="file"/></div> 
    </body> 
</html>

您可以風格在這裏每一個元素

來源

2012-04-21 07:30:46 Jack

HTML/CSS文件上傳

回答

相關問題