<input type="range" name="happiness" min="0" max="10" step="2" list="tickmarks">
<datalist id="tickmarks">
  <option value="0">
    <option value="5">
    <option value="10">
</datalist>

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.