Jquery 使一个 Div 成为可点击的表单区域

Question

形式:

  <form action="includes/photos.php" id="joinPhotoUploadForm" enctype="multipart/form-data">
    <input type="file" name="file" id="file"><br>
  </form>

div:(假设 CSS 宽度:300px；高度:300px；)

<div id="clickable"><div>

是否可以使用 JQuery 使整个 DIV 区域仅成为表单元素并请求用户选择/浏览文件？

否则有没有办法用 CSS 做到这一点？注意:我试过使用 CSS，它在 Chrome 中有效，但仅适用于 FF 和 IE 的部分 DIV。

Answer 1

根据您的问题和我的理解检查我的实现

http://jsfiddle.net/vBVkL/29/

如果我有误解，请告诉我。

更新: http://jsfiddle.net/vBVkL/30/

谢谢