Neopolitan -- checklist Section

This is a checklist test. The idea is that each time you visit/refresh the page it starts with everything uncheck so you can run through it.

Basic Example

Source

Code
-- checklist

[] Take the winding path to reach the lake

Tear a thin sheet from the yellow pad

[] Turn on the lantern which gives us light

Example HTML

Code
<ul>

<li>
  <label>
    <input type="checkbox">
    <div>
      <p>
        Take the winding path to reach the lake
      </p>
      <p>
        Tear a thin sheet from the yellow pad
      </p>
    </div>
  </label>
</li>

<li>
  <label>
    <input type="checkbox">
    <div>
      <p>
        Turn on the lantern which gives us light
      </p>
    </div>
  </label>
</li>

</ul>

Example Output

  • Take the winding path to reach the lake

    Tear a thin sheet from the yellow pad

  • Turn on the lantern which gives us light

Reference