title: change all value of inputs with same id in javascript
body: <p>How can I change all value of same id inputs?</p>
  
  <pre><code>&lt;input type="hidden" id="secure" name="secure" value=""&gt;
  &lt;input type="hidden" id="secure" name="secure" value=""&gt;
  &lt;input type="hidden" id="secure" name="secure" value=""&gt;
  &lt;input type="hidden" id="secure" name="secure" value=""&gt;
  </code></pre>
  
  <p>I use</p>
  
  <pre><code>&lt;script&gt;
  document.getElementById("secure").value = '123456';
  &lt;/script&gt;
  </code></pre>
  
  <p>But only first one changes.</p>
  
  <pre><code>&lt;input type="hidden" id="secure" name="secure" value="123456"&gt;
  &lt;input type="hidden" id="secure" name="secure" value=""&gt;
  &lt;input type="hidden" id="secure" name="secure" value=""&gt;
  &lt;input type="hidden" id="secure" name="secure" value=""&gt;
  </code></pre>