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文件上传

回答

相关问题