title: How can I send more than one value to a key in local storage?
body: <p>I am trying to build a diary for travellers with html5 local storage.</p>
  
  <p>The idea is that you fill in a form: Name, picture, date, location.
  and at the other page this information will be showed</p>
  
  <p>I'm stuck because I don't know how I can give more value`s to 1 key
  and how I can automatically change the key after information from the
  form has been saved.</p>
  
  <pre><code>&lt;form id="localStorage" method="post" action=""&gt;
      &lt;label&gt;Kies foto:&lt;/label&gt;
      &lt;br/&gt;
      &lt;input type='file' id="afbeelding" /&gt;
      &lt;br/&gt;
      &lt;br/&gt;
      &lt;label&gt;Onderschrift:&lt;/label&gt;
      &lt;br/&gt;
      &lt;input type="Onderschrift" name="Onderschrift" id="Onderschrift" class="Opslaan" required /&gt;
      &lt;br/&gt;
      &lt;br/&gt;
      &lt;button onclick="opslaan()" type="button"&gt;Verstuur&lt;/button&gt;
  &lt;/form&gt;
  </code></pre>
  
  
  
  <pre><code>function opslaan() {
      var inputOnderschrift = document.getElementById("Onderschrift");
      localStorage.setItem("onderschrift", inputOnderschrift.value);
  }
  </code></pre>