Input Type Range

#	Content	Views
1.	Tutorial Tags	40,087
2.	Tutorial + Programming	1,135,039
3.	Videos	377,830
4.	Results (`Annual + Re-appear`)	47,778
5.	Quiz Chapters	39,009
6.	Quiz Questions	564,192
7.	Quiz Results	30,295
8.	Testimonials	8,206
9.	Projects	34,470
10.	e-Words	23,654
11.	e-Certificates	4,968
12.	Downloads (Softwares)	166,371
13.	Downloads (Syllabus)	2,778

Home
HTML
Forms
Input Type Range

Input Type Range

The <input type="range"> defines a control for entering a number whose exact value is not important (like a slider control). Default range is 0 to 100. However, you can set restrictions on what numbers are accepted with the min, max, and step attributes:

<!DOCTYPE html>
<html>
<body>

<h2>Range Field</h2>

<p>Depending on browser support: The input type "range" can be displayed as a slider control.</p>

<form action="/php/inputRangeField.php" method="get">
  <label for="vol">Volume (between 0 and 50):</label>
  <input type="range" id="vol" name="vol" min="0" max="50">
  <input type="submit" value="Submit">
</form>

</body>
</html>

Live Demo & Try it yourself!

#HTML #form #range

CSPunjab.Com

Input Type Range

« Previous

<!DOCTYPE html>
<html>
<body>

<h2>Range Field</h2>

<p>Depending on browser support: The input type "range" can be displayed as a slider control.</p>

<form action="/php/inputRangeField.php" method="get">
  <label for="vol">Volume (between 0 and 50):</label>
  <input type="range" id="vol" name="vol" min="0" max="50">
  <input type="submit" value="Submit">
</form>

</body>
</html>

Live Demo & Try it yourself!