![](282402/1/wijmo.png) From [GrapeCity, Inc.](http://www.grapecity.com/en/?utm_source=vsgallery&utm_medium=wjinput&utm_campaign=vsgallery&utm_content=gc)	# Wijmo Input Controls for JavaScript Includes ComboBox, DropDown, InputColor, ColorPicker, InputNumber, InputMask, ListBox, and more.
## Wijmo Input Controls Wijmo's input controls are designed to make data entry easy and efficient, using mouse or touch. Specialized and optimized for each data type, Wijmo's variety of input controls answer every application need. #### ComboBox The ComboBox control is one of the most powerful and flexible in Wijmo's input module. It can be used to edit strings and to select items from lists. It's used as a base class for several other controls, including AutoComplete, MultiSelect, InputTime, and Menu. #### DropDown The DropDown control is an abstract class, used as a base for several controls. It's composed of the following elements: * input element (exposed by the inputElement property): An HTML input element used to display and edit the current value. In a few cases, this element may be replaced with a non-editable element (e.g. Menu and MultiSelect controls). * drop-down button: A button used to show or hide the drop-down element. * drop-down element (exposed by the dropDown property): An HTML element shown when the user presses the drop-down button or the F4 key. The user interacts with the drop-down element to update the value of the input element and of the control. #### InputColor The InputColor control is a drop-down that allows you to type a color using the HTML color specification or select one from a ColorPicker dropdown. #### ColorPicker The ColorPicker control is a panel that allows users to pick colors. It's used as a drop-down by the InputColor control. #### InputNumber The InputNumber control allows users to enter and edit numbers. It has the following advantages over regular input elements: * Users can't enter non-numeric values at all. * You can use the format property to format the number as it is edited, making it easy to read. * You can use the min and max properties to specify the valid range of values (users won't be able to enter values outside this range). * You can use the step property to specify and increment that is added to the value when the user clicks the increment/decrement buttons on the control. #### InputMask The InputMask control allows you to validate and format user input as it's entered, preventing invalid data. #### ListBox Display a list of items that contain plain text or HTML, and allow users to select items with the mouse or keyboard. ListBox supports multiple selection and item templates, as well as string arrays of objects for the itemsSource. #### Multi-Item Input Controls Wijmo has several controls you can use to select multiple items from a list: * MultiSelect: This is a drop-down control that extends ComboBox and adds checkboxes next to each item in the drop-down list. Currently checked items are exposed through the checkedItems property. * MultiAutoComplete: This is a drop-down control that extends AutoComplete so selected items are shown as 'tokens' next to the control header, where they can be removed with the mouse or keyboard. Currently selected items are exposed through the selectedItems property. * ListBox: The ListBox control has a checkedMemberPath property that allows you to add checkboxes to items on the list. It has a checkedItems property that gets or sets the list of checked items. ## ...and more! ### ![]({DEFAULT_ASSET_BASE_PATH}materials_icon.gif)[Explore all of Wijmo's Input Controls for JavaScript](http://www.grapecity.com/en/controls/wijmo/input-controls/?utm_source=vsgallery&utm_medium=wjinput&utm_campaign=vsgallery&utm_content=explore) ### ![]({DEFAULT_ASSET_BASE_PATH}materials_icon.gif)[Try the Wijmo Input Controls Demo](http://demos.wijmo.com/5/Angular2/Explorer/Explorer/?utm_source=vsgallery&utm_medium=wjinput&utm_campaign=vsgallery&utm_content=demos) ### ![]({DEFAULT_ASSET_BASE_PATH}materials_icon.gif)[Purchase Wijmo Input Controls for JavaScript](http://www.grapecity.com/en/compare/wijmo-core?utm_source=vsgallery&utm_medium=wjinput&utm_campaign=vsgallery&utm_content=purchase) ### ![]({DEFAULT_ASSET_BASE_PATH}materials_icon.gif)[GET THE FREE WIJMO INPUT CONTROLS FOR JAVASCRIPT TRIAL](http://www.grapecity.com/en/download/wijmo-enterprise?utm_source=vsgallery&utm_medium=wjinput&utm_campaign=vsgallery&utm_content=freetrial)	_ComboBox:_ _![](282404/1/combobox.png)_ _DropDown:_ _![](282405/1/dropdown.png)_ _InputColor:_ _![](282406/1/input-color.png)_ _ColorPicker:_ _![](282407/1/colorpicker.png)_ _InputNumber:_ _![](282408/1/input-number.png)_ _InputMask:_ _![](282409/1/input-mask.png)_ _ListBox:_ _![](282410/1/listbox.png)_ _MultiSelect:_ _![](282411/1/multiselect.png)_
The mission of GrapeCity is to provide customers with the premier studio of innovative UI controls, tools, and solutions including deep functionality reporting, analysis, and spreadsheet platforms. In addition to Wijmo's JavaScript UI controls, GrapeCity also provides the best .NET reporting solution available, Active Reports; and the fastest, deepst spreadsheet solution, Spread; and 300+ .NET UI control collection, ComponentOne. [Visit www.grapecity.com](http://www.grapecity.com/en/).
[us.sales@grapecity.com](mailto:us.sales@grapecity.com) \| [www.grapecity.com](http://www.grapecity.com/en/) \| 800.858.2739 \| 412.681.4343 ©2017 GrapeCity, inc. All Rights Reserved.