title: Is it good practice to use the form attribute and put input elements outside form tag in HTML?
body: <p>I just noticed an interesting way of placing input elements outside of form tag today. </p>
  
  <pre><code>&lt;html&gt;
      &lt;!-- the form element --&gt;
      &lt;form id="testform" method="post" action="index.asp"&gt;
          &lt;label for="text1"&gt;Text: &lt;/label&gt;
          &lt;input type="text" id="text1" name="text1" /&gt;
          &lt;button type="submit"&gt;Submit&lt;/button&gt;
      &lt;/form&gt;
  
      &lt;!--- element outside form tag --&gt;
      &lt;label for="text2"&gt;Additional Text: &lt;/label&gt;
      &lt;input type="text" id="text2" name="text2" form="testform" /&gt;
  
  &lt;/html&gt;
  </code></pre>
  
  <p>I am just wondering if it is common to practice to do this. Should this method be avoided?
  Tried googling for similar discussions but i really don't know how to phrase this.</p>