Special Input Fields

WittyForm includes several specialized input fields for data types that do not fit standard text, number, or choice fields. This guide covers password, currency, color picker, rich text, and duration fields, including when to use each and how they store data.

Password Field

The password field provides a masked text input where characters are hidden as the respondent types. It is designed for forms that need to collect passwords or secret codes securely.

Configuration

• Strength indicator — Toggle an inline strength meter that evaluates the entered password in real time. The indicator shows ratings from “Weak” to “Strong” based on length, character variety, and common patterns.
• Minimum length — Set a minimum character count. Common minimums are 8 or 12 characters.
• Require complexity — Optionally require a mix of uppercase, lowercase, numbers, and special characters.
• Confirmation field — Enable a second password input where the respondent must re-type the password. The form validates that both inputs match before allowing submission.
• Show/hide toggle — A small eye icon lets respondents temporarily reveal what they typed to check for typos.

Data Format

Password values are stored as plain text in your response data. If you are collecting passwords for account creation, you should use a webhook or integration to pass the value to your backend for proper hashing and storage. WittyForm does not hash passwords automatically since form responses may need to be reviewed.

When to Use

Use the password field for account registration forms, Wi-Fi setup forms, or any form where respondents need to enter a secret value that should be masked on screen.

Currency Field

The currency field combines a numeric input with a currency selector, making it easy for respondents to enter monetary amounts in the correct format.

Configuration

• Default currency — Pre-select the currency that most respondents will use (e.g., USD, EUR, GBP).
• Currency selector — Choose whether to show a dropdown for respondents to change the currency, or lock it to a single currency.
• Supported currencies — WittyForm supports over 150 currencies with their standard symbols and ISO codes. You can restrict the selector to specific currencies.
• Formatting — Amounts are formatted automatically with the correct decimal separator and thousands separator for the selected currency (e.g., $1,234.56 for USD, 1.234,56 € for EUR).
• Min / Max — Set minimum and maximum allowed amounts.

Data Format

Currency data is stored as a numeric value paired with the ISO currency code (e.g., {"amount": 1234.56, "currency": "USD"}). In CSV exports, the amount and currency code appear in separate columns.

When to Use

Use the currency field for donation forms, expense reports, budget requests, salary information collection, and any form that collects monetary amounts.

Color Picker

The color picker field lets respondents select a color using a visual color selection widget. It is useful for design preference surveys, branding questionnaires, and product customization forms.

Configuration

• Default color — Set the initially selected color when the form loads.
• Palette presets — Define a set of preset color swatches that respondents can click to quickly select from your preferred options. You can use this to limit choices to your brand colors or a curated palette.
• Free selection — When enabled, respondents can also use the full color picker to choose any color beyond the presets. When disabled, they are restricted to preset swatches only.
• Output format — Choose whether the color value is stored as hex (e.g., #FF5733) or RGB (e.g., rgb(255, 87, 51)).

Data Format

The selected color is stored as a string in the configured format (hex or RGB). In responses, a small color swatch is displayed next to the value for quick visual reference.

When to Use

Use the color picker for brand questionnaires (“What is your primary brand color?”), product customization (“Choose a color for your phone case”), design surveys, and any form where a specific color selection is needed.

Rich Text

The rich text field provides a formatted text editor for respondents, complete with a toolbar for styling text. Unlike a standard text area, respondents can use bold, italic, lists, and other formatting.

Configuration

• Toolbar options — Choose which formatting options are available to respondents. Options include bold, italic, underline, strikethrough, bullet lists, numbered lists, headings, links, and blockquotes.
• Max length — Set a character limit to prevent excessively long responses. The character count is displayed below the editor.
• Placeholder text — Show example or instructional text inside the editor that disappears when the respondent starts typing.
• Min height — Set the minimum height of the editor in pixels. The editor expands automatically as the respondent types.

Data Format

Rich text is stored as HTML. In the response detail view, the HTML is rendered so you see the formatted text. In CSV exports, the raw HTML is included. If you need plain text, you can strip the HTML tags using your own processing.

When to Use

Use the rich text field for job application cover letters, detailed feedback, content submissions, and any input where formatting improves readability and expression.

Duration

The duration field lets respondents enter a time duration using separate inputs for hours, minutes, and seconds. It is designed for time tracking, scheduling, and activity logging.

Configuration

• Components — Choose which time units to show: hours only, hours and minutes, or hours, minutes, and seconds. Hide components you do not need.
• Max duration — Set an upper limit for the total duration (e.g., maximum 24 hours or 60 minutes).
• Default value — Optionally pre-fill a default duration.

Total Calculation

The duration field automatically calculates the total duration in the smallest visible unit. For example, if the respondent enters 2 hours and 30 minutes, the stored value is 150 minutes (or 9000 seconds if seconds are enabled). This makes it easy to use duration values in calculation fields or export them for analysis.

Data Format

Duration data is stored as the total number of seconds. In the response view, it is displayed in a human-readable format (e.g., “2h 30m”). In CSV exports, it appears as total seconds with a separate human-readable column.

When to Use

Use the duration field for timesheet forms, exercise logs, cooking recipe submissions, meeting scheduling, and any form that collects time spans.

Best Practices

• Only use special fields when a standard text or number field would not provide enough structure or validation. Overusing special fields can make forms feel complex.
• Always add help text or descriptions to special fields so respondents understand what is expected (e.g., “Enter your preferred brand color” for the color picker).
• Test special fields on mobile devices. The color picker, duration, and rich text fields have touch-optimized interfaces, but it is worth verifying the experience for your specific form.
• For the password field, always enable the confirmation field for account creation forms to prevent typos.
• Lock the currency selector when all respondents should use the same currency to avoid confusion in your data.