Join Joseph Lowery for an in-depth discussion in this video Exploring highlighted HTML5, CSS3, and JavaScript technologies, part of Engaging Ecommerce with HTML5.
Before we get into actually building a project, I want to take a few moments to…talk about each of the key technologies we are using.…In all, we're going to be targeting three different technologies: the range form…element, drag and drop, and localStorage.…Let's start with the form element range.…Here is the basic code for a range form element.…As you can see, it's an input tag where the type is set to range. And there are…several other attributes that you need to include.…
Minimum is now set to 0 in our example, maximum I have set at a 100, and…then value is set to 50.…Wherever you set the value is where the slider handle will appear to be on the range control.…Now, there is also an optional attribute called step.…Once you declared the step value, your range control will move in those increments.…There is decent browser support for the range form element.…Current versions of Chrome, Safari, and Opera already supporting it, and soon…Internet Explorer 10.…
The only major holdout is Firefox, which currently displays just a text field…
Released
11/6/2012- Including range form elements
- Modifying the display interactively
- Establishing JavaScript functions
- Dragging items to wish lists
- Storing wish list items locally
- Saving and retrieving list items
Share this video
Embed this video
Video: Exploring highlighted HTML5, CSS3, and JavaScript technologies