title: How to show which file is selected in Input type File?
body: <p>Using this code below, I edit the style of mine INPUT TYPE FILE button. The problem I am getting now is its not showing which file user had selected. I don't know how to do this.. :(</p>
  
  <p>HTML Code:</p>
  
  <pre><code>&lt;div class="giz-upload"&gt;
  &lt;input type="file" size="40" name="d4p_attachment[]"&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Style.css</p>
  
  <pre><code>div.giz-upload{
      width: 157px;
      height: 57px;
      background: url(http://www.gizmoids.com/wp-content/sicons/upload.png);
  background-size: 80px 60px;
  background-repeat:no-repeat;
  overflow: hidden;
  }
  
  div.giz-upload input {
      display: block !important;
      width: 157px !important;
      height: 57px !important;
      opacity: 0 !important;
      overflow: hidden !important;
  }
  </code></pre>
  
  <p>Here is JSFIDDLE URL : <a href="http://jsfiddle.net/sunita1993/avn9n6sp/" rel="nofollow">http://jsfiddle.net/sunita1993/avn9n6sp/</a></p>