<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>
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.