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.
The following is a list of available user input and other interactive elements:
User Input Element | Description | 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 URL |
Text Box | Text Boxes are used to enter or edit large amounts of text. Learn more about text input. | Text Field Number Field URL |
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 URL Date and Time |
Checkbox | 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 |
Slider | 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. | n/a |
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 |
Switch | 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 |
reCAPTCHA 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. | n/a |