title: HTML <input type='file'> apply a filter
body: <pre><code>&lt;input type='file' name='userFile'&gt;
  </code></pre>
  
  <p>now when i will click the browse button, the browse dialog will show all files... what if i want to filter file types lets say</p>
  
  <ul>
  <li>only images or <strong>.png</strong> &amp; <strong>.jpg</strong> &amp; <strong>.gifs</strong></li>
  <li>only office file like <strong>.doc</strong> &amp; <strong>.docx</strong> &amp; <strong>.pps</strong></li>
  </ul>
  
  <p>how to do it...</p>