Comment by divbzero

Other delightfully interactive HTML elements include…

File pickers:

  <input type="file">

Color pickers:

  <input type="color">

Date/time pickers:

  <input type="month">
  <input type="date">
  <input type="time">
  <input type="datetime-local">

Numeric sliders:

  <input type="range" min="0" max="5">

Suggested options for text fields:

  <input list="fonts">
  <datalist id="fonts">
    <option value="Courier New"></option>
    <option value="Garamond"></option>
    <option value="Georgia"></option>
    <option value="Tahoma"></option>
    <option value="Times New Roman"></option>
  </datalist>

Summaries with expandable details:

  <h2>FAQs</h2>
  <details name="faq">
    <summary>Why are interactive HTML elements cool?</summary>
    They’re lightweight and semantic!
  </details>
  <details name="faq">
    <summary>Will the previous answer close when I open this one?</summary>
    Yes, because the <code>&lt;details&gt;</code> elements share the same name.
  </details>

Media players with controls:

  <audio controls src="example.mp3"></audio>
  <video controls src="example.mp4"></video>