title: Display text "loading..." after file is selected in input type="file" element
body: <p>I am using a really simple form to allow users to upload files to my server. It works well, but i have noticed that even for very small files, right after selecting the file to upload, it takes a while (2-3 sec) to change the "No file selected" to the actual name of the file selected. (Actually it says it in spanish - guess somebody knows where i am). </p>
  
  <p>The thing is that during this loading time the mouse wheel nor the browser look like they are thinking, so im afraid the user wont be patient enough and will feel its not working.</p>
  
  <p>So i just want to display a text saying, "hey, hold on - its loading" And this is what i have tried with no luck:</p>
  
  <p>A. </p>
  
  <pre><code>&lt;input type="file" name="userf" onload="function(e){e.innerHTML='Loading';};"&gt;
  &lt;/input&gt;
  </code></pre>
  
  <p>B. </p>
  
  <pre><code>&lt;input type="file" name="userf" onchange="function(e){e.innerHTML='Loading';};"&gt;
  &lt;/input&gt;
  </code></pre>
  
  <p>C.</p>
  
  <pre><code>&lt;input type="file" name="userf" onload="function(){this.innerHTML='Loading';};"&gt;
  &lt;/input&gt;
  </code></pre>
  
  <p>D.</p>
  
  <pre><code>&lt;input type="file" name="userf" onchange="function(){this.innerHTML='Loading';}"&gt;
  &lt;/input&gt;
  </code></pre>
  
  <p>If this is not possible, could i not just change the default message: "No file selected"?</p>
  
  <p>EDIT
  If possible, no JQuery, just javascript</p>