Index

"Input" Category

Range

The range input allows a user to select a number within a specified range of values.

Demo

Code

<input id="range" type="range" min="0" max="100" value="50">
<label id="rangeValue" for="range">50</label>
<script>
	document.getElementById("range").addEventListener("input", function() {
		document.getElementById("rangeValue").innerText = this.value;
	});
</script>
code View Source CSS
This site may do shady things with cookies and stuff because it's evil. Please don't read my privacy policy. close