HTML

input type range show range value

<input type="range" value="24" min="1" max="100" oninput="this.nextElementSibling.value = this.value">
<output>24</output>
 Run code snippet

range input html

<!--This is code for a default range slider in HTML5.  -->
<input type="range" min="1" max="100" value="50">
<!--Where the min and max attributes are the min and max of the range -->
<!--The value is a number (never empty) that represents the current value of the range.
<!--Default value is 50.-->
  
<input type="range" min="1" max="100" value="50" step="10">
<!--In this example, the step attribute determines a fixed interval-->
<!--between each value. Can be decimal.-->
  
<!--Instead of being able to select 1,2...99,100 you could only 
<!--select 0,10...90,100-->

input range event

<span id="valBox"></span>
<input type="range" min="0" max="9999999999" step="1" onchange="showVal(this.value)">
 Run code snippetHide results