title: How do you set file input to nothing with JavaScript or HTML?
body: <p>On the site I am developing, I have a file input that users can upload files from. It uses "Ajax" (not really) to send the file to a php file that is bound to an iframe. My question is that Firefox automatically fills in the file input element. Is there a way I can give users the option of clicking the submit button without sending the file? Or do I set the file value to null somehow and check for that in the php file? My code looks like this:</p>
  
  <pre><code>    Name: &lt;input type='text' id='name'&gt;&lt;br&gt;
      Description: &lt;textarea id='description' rows=10 columns=100&gt;&lt;/textarea&gt;&lt;br&gt;
      &lt;form id="upload_form" method="post" enctype="multipart/form-data" action="uploadfile.php"&gt;
      &lt;input type='hidden' value='' id='descriptionid' name='descriptionid'&gt;
      &lt;input type='file' name="file" id="file" size="27" value=""&gt;
      &lt;input type='submit' value='Submit' onclick=';' id='submitPopup'&gt;
      &lt;/form&gt;
  </code></pre>
  
  <p>When the button is clicked it runs a JavaScript method and gets the values of name and description and also submits the input form. How do I let users have the option of uploading a file, and not have it auto filled in by their browser? </p>