title: Can the ?# added in the URL by an input be avoided?
body: <p>I did this JS component but in some pages as codepen it crashes when I click submit because the the button adds a "?#" to the URL (running locally) and is like it changes to another page, this happens the first time I post a message, can be avoided? or is a normal thing of submit? </p>
  
  <pre><code>&lt;div id = "typeSection"&gt;
  &lt;label for="message"&gt;Message:&lt;/label&gt;
  &lt;form action="#" id="typeForm"&gt;
  &lt;label for="message"&gt;&lt;/label&gt;
  &lt;textarea id= "character"&gt;0/280.&lt;/p&gt;
  &lt;input type="submit" id = "addButton" value="Submit"&gt;
  </code></pre>
  
  <p>This is the component running in CodePen:</p>
  
  <p><a href="https://codepen.io/LeonAGA/pen/vroRBB" rel="nofollow noreferrer">https://codepen.io/LeonAGA/pen/vroRBB</a></p>