Spinner examples
1) This spinner/spinbox has been created from markup. Notice that you can "nudge" (hold down the mouse button over the label and drag) the label in order to change the value.
Your age(Spinner created from markup):
2) This spinner has been created dynamically with Javascript:
Disable
Enable
Dynamically created spinner:
3) This is an example of how to use this script only by adding class name to an input tag. The script converts the code below to a spinbox:
<input class="
DG-spinner
" maxlength="5" value="3" type="text">
Spinner from markup:
Spinner values can be changed by
Typing directly into the field
Use the arrow keys inside the field
Using the mouse wheel inside the field (Field must have focus)
Clicking on the arrow buttons
Nudging the labels