title: HTML/Javascript onchange vs onsubmit problem
body: <p>I am trying a code, that will load an iframe <code>onsubmit</code>. I am able to do it <code>onchange</code> of a text field (code taken from somewhere). But <code>onsubmit</code> does not work:</p>
  
  <h2>Works</h2>
  
  <pre><code>&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd"&gt;
  &lt;html lang="en"&gt;
  &lt;head&gt;
  &lt;meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"&gt;
  &lt;meta name="Content-Script-Type" content="text/javascript"&gt;
  &lt;meta name="Content-Style-Type" content="text/css"&gt;
  &lt;title&gt;Example&lt;/title&gt;
  
  &lt;/head&gt;
  &lt;body&gt;
  &lt;input value="Song1" onchange="foo.location='song.php?song=blind_willie.mp3'"  style="display:block; margin:auto" type="text"&gt;
  &lt;iframe name="foo" style="display:block; margin:auto"&gt;&lt;/iframe&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <h2>DOES NOT WORK</h2>
  
  <pre><code>&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd"&gt;
  
  
  &lt;html lang="en"&gt;
  &lt;head&gt;
  &lt;meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"&gt;
  &lt;meta name="Content-Script-Type" content="text/javascript"&gt;
  &lt;meta name="Content-Style-Type" content="text/css"&gt;
  &lt;title&gt;Example&lt;/title&gt;
  
  &lt;/head&gt;
  &lt;body&gt;
  &lt;input value="Song1" onsubmit="foo.location='song.php?song=blind_willie.mp3'"  style="display:block; margin:auto" type="Submit"&gt;
  &lt;iframe name="foo" style="display:block; margin:auto"&gt;&lt;/iframe&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>