title: added password field in form not posting
body: <p>So I have a form, in which after selecting option in dropdown menu, I want to add password field to form. I am adding it after selecting option with value "private" by the js function.
  Here is html code of the form.</p>
  
  <pre><code>&lt;form id="eventForm" class="pure-form pure-form-aligned" action="insertDB.php" method="POST"&gt;
      &lt;fieldset&gt;
          &lt;div class="pure-control-group"&gt;
              &lt;label for="name"&gt;Názov&lt;/label&gt;
              &lt;input id="name" type="text" placeholder="Názov" name="name" required&gt;
          &lt;/div&gt;
  
          &lt;div class="pure-control-group"&gt;
              &lt;label for="type"&gt;Typ udalosti&lt;/label&gt;
              &lt;select id="type" class="pure-control-group" onchange="addPassRow(this.selectedIndex);" name="eventType"&gt;
                  &lt;option value="sports"&gt;Šport&lt;/option&gt;
                  &lt;option value="culture"&gt;Kultúra&lt;/option&gt;
                  &lt;option value="nature"&gt;Príroda&lt;/option&gt;
                  &lt;option value="education"&gt;Vzdelávanie&lt;/option&gt;
                  &lt;option value="private"&gt;Súkromné&lt;/option&gt;
              &lt;/select&gt;
          &lt;/div&gt;
  
          &lt;div class="pure-control-group"&gt;
              &lt;label for="lati"&gt;Zemepisná šírka&lt;/label&gt;
              &lt;input id="lati" type="text" placeholder="Zemepisná šírka" name="lati" required&gt;
          &lt;/div&gt;
  
          &lt;div class="pure-control-group"&gt;
              &lt;label for="long"&gt;Zemepisná dĺžka&lt;/label&gt;
              &lt;input id="long" type="text" placeholder="Zemepisná dĺžka" name="long" required&gt;
          &lt;/div&gt;
  
          &lt;div class="pure-control-group" id="linkDiv"&gt;
              &lt;label for="link"&gt;Link&lt;/label&gt;
              &lt;input id="link" type="text" placeholder="Link" size="40" name="link" required&gt;
          &lt;/div&gt;
  
          &lt;div class="pure-controls"&gt;
              &lt;button type="submit" class="pure-button pure-button-primary"&gt;Submit&lt;/button&gt;
          &lt;/div&gt;
      &lt;/fieldset&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>and here is JS function :</p>
  
  <pre><code>function insertAfter(referenceNode, newNode) {
      referenceNode.parentNode.insertBefore(newNode, referenceNode.nextSibling);
  }
  
  function addPassRow(index) {
      if (index == 4) {
          var div = document.createElement('div');
  
          div.className = 'pure-control-group';
  
          div.innerHTML = ' &lt;div class="pure-control-group" id="passwordDiv"&gt;' +
                          '&lt;label id="passwordLabel" for="password"&gt;Heslo&lt;/label&gt;' +
                          '&lt;input id="password" type="password" placeholder="Zadaj heslo"&gt;' +
                          '&lt;/div&gt;';
  
          insertAfter(document.getElementById("linkDiv"), div);
      };
  </code></pre>
  
  <p>So this is how I added the password field to form. After selecting dropdown to private, password field appears. But after I filled and submited it, i can obtian all values via <code>$_POST</code> except password value, but chrome asks me if i want to save the password. If anyone does have an idea why password value is not posting? Thanks!</p>