Join Joseph Lowery for an in-depth discussion in this video Including range form elements, part of HTML5 Projects: Engaging Ecommerce.
The first step towards enhancing the user experience of our ecommerce catalog…is to add in a form element new to HTML5, the range input type.…It's a very straightforward tag with just a few attributes.…In this lesson I'll also add in another form element,…a basic text input type, so we can eventually display the actual range value…as the slider moves.…Finally, I'll show you a very cool CSS property that you don't want to implement…to help with your slider stylings.…
Next, we'll enter in the type for this input tag, and the type is going to be of course range.…
- Including range form elements
- Modifying the display interactively
- Dragging items to wish lists
- Storing wish list items locally
- Saving and retrieving list items