new things in html 5.1

by John Doe

HTML

<details>
    <summary>
      Distribution and habitat
    </summary>
    <p>
      Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iure ratione sapiente maiores, voluptates nam quas facere debitis quae sint a tenetur quidem delectus ipsa recusandae, hic alias, harum! Temporibus, animi.
    </p>
  </details>
  
  <div>
    <label>Datetime local</label>
    <input type="datetime-local" onchange="showValue('datetime-local', event.target.value)">
    <span id="datetime-local">kjh</span>
  </div>
  
  <form>
  <label>
    Mandatory input <input type="text" name="first-name" required />
  </label>
  <button type="submit">Submit</button>
</form>

JavaScript

function showValue(id, value) {
  document.getElementById(id).innerHTML = value;
}