CMS: About User Input Elements

4 min read
Wix has many user input elements, so you can capture, display, and edit visitor content in a collection. Using these elements, you can create your own forms or allow visitors to filter the content on your site. 
Most elements, like text, checkboxes, and calendars, can be used with forms. Some elements, like dropdowns and radio buttons, can also be used to filter the content on your site. The upload button even allows visitors to upload their own images and files. 
A screenshot of various user input elements in the Editor.
The following is a list of available user input and other interactive elements: 
User Input Element
Connects to 
Text Input
Input Boxes are used to enter or edit small amounts of text or numbers.  
Learn more about text input.
Text Field
Number Field
Text Box
Text Boxes are used to enter or edit large amounts of text. 
Learn more about text input.
Text Field
Number Field
Rich Text Box
Rich Text are used to enter, edit and format text such as bold, underline, italics, text alignment, bulleted and more. 
Learn more about rich text.
Note: Not available in Editor X.
Rich Text Field

Radio Buttons
Radio Buttons allow users to select one of a predefined set of options. 

Radio buttons have a label (text displayed on your page) and a value (content stored in your collection). 
Learn more about radio buttons.
Text Field
Number Field
Date and Time 
Checkboxes can either be checked or unchecked. The corresponding Boolean value will be saved in your collection.  
Learn more about checkboxes.
Boolean Field
Checkbox Group
Checkbox Group allow visitors to make multiple selections.

A checkbox group have a label (text displayed on your page) and a value (content stored in your collection). The options selected (values) by a visitor are saved as a batch of text separated by commas. 
Learn more about checkboxes.
Note: Not available in Editor X.
Tags Field
Dropdown List
Dropdown lists are used to select one of a number of options. 

Dropdown lists have a label (text displayed on your page) and a value (content stored in your collection). 
Learn more about dropdown lists.
Text Field
Number Field

Selection Tags
Use Selection Tags to display options that users can select from.
Learn more about selection tags.
Tags Field
Date Picker
Date pickers let your visitors populate a date field by picking a date using a calendar popup. 
Learn more about the date picker.
Date and Time
Time Picker
Time pickers let your visitors enter time values as text, select the time from a drop-down, or use a stepper to increase/decrease the time. 
Learn More about the time picker.  
Time Field
Sliders let your users input a number by sliding a handle on a track. 

You can define a minimum and maximum value for your slider as well as a default value. 
Learn more about the slider
Note: Not available in Editor X.
Number Field
Range Slider
Range Sliders let your visitors mark a range of values by moving handles on a scale. 

You can also set it to display a fixed range that your site visitors cannot change.
Learn more about the range slider.
Note: Not available in Editor X.
Upload Button
Upload Buttons allow your visitors to upload a file.
Learn more about the upload button.
Audio Field
File Field
Image Field
Video Field
Ratings Input
Rating Input let your visitors enter a rating. You can decide if the element should display customized text as the user hovers over each rating. The user selection is stored as a number. 
Learn more about the ratings input.
Number Field

Ratings Display
Rating Display elements let you display a value to your users using icons.
Learn more about ratings display.
Number Field

Address Input
Address Input allows your site visitors to type an address, and suggests exact locations using Google Maps services. 
Learn more about the address input.
Note: Not available in Editor X.
Address Field
Switches can either be on or off. The corresponding Boolean value is saved in your collection. 
Learn more about switches.
Boolean Field
Signature Input
Signature Input can be added to forms, so your visitors can sign their name before submitting it.
Learn more about the signature input.
Image Field
Pagination Bar

Pagination Bars let your users navigate items in your collection. 

When you connect a pagination bar to an element, it reads the number of available pages based on the page size defined in the dataset settings.  
Learn more about the pagination bar.
Note: Not available in Editor X or the Studio Editor.
Pagination Bars connect directly to the dataset.
Progress Bar 
Dev Mode required
Display your progress on a project or goal with a fully customizable Progress Bar. Connect it to a dataset to update the progress. 
Learn more about the progress bar.
 Number Field 
Dev Mode required
Add Google's reCAPTCHA tool to your site to help protect against potential spam and other types of automated abuse. 
Learn more about reCAPTCHA.

Did this help?