From the course: Building HTML5 Forms with Dreamweaver

Unlock the full course today

Join today to access over 22,600 courses taught by industry experts or purchase this course individually.

The range input

The range input - Dreamweaver Tutorial

From the course: Building HTML5 Forms with Dreamweaver

Start my 1-month free trial

The range input

“

- [Instructor] I mentioned earlier that I liked the range input from mobile users because it makes it easy for someone to just click and drag with their finger, to select a value. And similarly, on a laptop or desktop, a user doesn't have to enter a value they can just drag with their mouse. Range inputs by the way, are particularly valuable for those ubiquitous please rate your experience forms that you see all over the place. Range inputs also require a bit of styling to be functional. After all, you do have to clue users to which end of the range is a bad rating and which end of the range is a good rating. So in the example I'm about to share, we're going to ask people to rate their experience on a range one to five, with one being not so good, and five being excellent. So our code will start the same as we have for other inputs. Label for for range and then we'll tell users to choose a value from one to five with one being poor, and five being excellent. And then we're going to…

Contents