title: How to restrict my input type="file" to accept only png image files not working in Firefox
body: <p>I am using input type="file", Now my requirement is that I only want to select png images, that is when I select browse a "png" filter should be applied.</p>
  
  <p>I have referred <code>www.w3schools.com/tags/att_input_accept.asp</code> and below is the code I am using, this works fine with Chrome but does not work with Firefox and IE.</p>
  
  <p>Please can anyone help me understand what wrong I must be doing ?</p>
  
  <pre><code> &lt;h2&gt;Below uses accept="image/*"&lt;/h2&gt;
   &lt;input type="file" name="pic1" accept="image/*" /&gt; 
  
   &lt;h2&gt;Below I need to accept only for png&lt;/h2&gt;
   &lt;input type="file" name="pic1" accept="image/png" /&gt; 
  </code></pre>
  
  <p>​Here is a fiddle link to it <a href="http://jsfiddle.net/Jcgja/2/">http://jsfiddle.net/Jcgja/2/</a></p>