title: Stop multiple submits for a html from
body: <p>So I've google this problem, they all give the same code but it never works. I want to be able to only click on the button once so you can't spam click the button sending the from more than once.</p>
  
  <p>Here my HTML from.</p>
  
  <pre><code>&lt;form id="sign" name="sign" method="post"&gt;
      &lt;input type="text" name="username" placeholder="Username"&gt;&lt;br&gt;
      &lt;input type="text" name="email" placeholder="Email"&gt;&lt;br&gt;
      &lt;input type="password" name="password" placeholder="Password"&gt;&lt;br&gt;
      &lt;input type="submit" name="submit" value="Signup"&gt;
  
  &lt;/form&gt;
  </code></pre>
  
  <p>Now the fix people are saying on Google is to add this code to the submit input type.</p>
  
  <pre><code>onclick="this.value='Submitting ..'; this.disabled=true; this.form.submit();"
  </code></pre>
  
  <p>or</p>
  
  <pre><code>onclick="this.value='Submitting ..'; this.disabled=true;"
  </code></pre>
  
  <p>Now this disables the submit button after it's been clicked like I want but it stops the form being submitted which defects the point in doing it in the first place.</p>
  
  <p>Finally code that doesn't work</p>
  
  <pre><code>&lt;form id="sign" name="sign" method="post"&gt;
      &lt;input type="text" name="username" placeholder="Username"&gt;&lt;br&gt;
      &lt;input type="text" name="email" placeholder="Email"&gt;&lt;br&gt;
      &lt;input type="password" name="password" placeholder="Password"&gt;&lt;br&gt;
      &lt;input type="submit" name="submit" value="Signup" onclick="this.value='Submitting ..'; this.disabled=true;"&gt;
  
  &lt;/form&gt;
  </code></pre>