When creating a survey form, we may want to ask visitors how they feel about something, by using a sliding scale to indicate how they feel about things.
By making use of jQuery UI, we can provide some nice sliders for our forms.
This post is part of a series that guides you through creating robust sliders for your forms.
- Introduction to sliders (this post)
- Accessible slider alternative
- Basic requirements for sliders
- Connecting the slider to the form
- Scripting the slider regions
- Conclusion to Sliders
When we’re finished, this is how our form slider will look.
Slider form in use
To correctly make use of sliders can take some preparation, not only so that the slider value gets added to the form, but also to allow visitors without JavaScript to still be capable of using the form.
Before we get to the scripting part of things, we need to ensure that even when scripting is not available that the user can still use the form. This next part is about creating an accessible alternative for when scripting can not be used.
Next: An accessible slider alternative
