A spinner or numeric updown is a
graphical control element
A graphical widget (also graphical control element or control) in a graphical user interface is an element of interaction, such as a button or a scroll bar. Controls are software components that a computer user interacts with through dir ...
with which a user may adjust a value in an adjoining
text box by either clicking on an up or down arrow, by pressing an arrow key down or moving
mouse wheel,
causing the value in the text box to increase (if the up arrow is held down) or decrease (if the down arrow is held down). A spinner is typically oriented vertically. In most cases holding a button down causes the speed at which the associated value changes to increase. Usually, the value of the spinner is displayed in a text box next to the spinner, allowing the user to use the spinner to adjust the value, or to type the value into the text box. The combination of spinner and text box was coined as a Value Box.
A spinner is different from a
scrollbar or
slider in that a spinner is typically used to adjust a value without changing the format of the display or the other information on the screen. Thus, the appearance of the spinner at a given time does not represent the quantity of the associated value.
References
External links
Javascript spinner control (up/down buttons) example for emulating spinners for
HTML
The HyperText Markup Language or HTML is the standard markup language for documents designed to be displayed in a web browser. It can be assisted by technologies such as Cascading Style Sheets (CSS) and scripting languages such as JavaS ...
in
JavaScript
JavaScript (), often abbreviated as JS, is a programming language that is one of the core technologies of the World Wide Web, alongside HTML and CSS. As of 2022, 98% of websites use JavaScript on the client side for webpage behavior, of ...
Graphical control elements
Technology neologisms
{{GUI-stub