FormSnap - Input Field

General

• Input Type
  This type of input item to use. The following options are available.
  • Text
  • Hidden
  • Password
  • Number
  • Email
  • URL
  • Telephone
  • Date
  • Date/Time
  • Time
• Name
  This item's name. The item name is used INTERNALLY on the form and templates and should be be alphanumeric ONLY (letters, numbers and underscores allowed). The name must be unique to the form. Duplicate names in the same form will produce adverse effects.
• Display Label
  When enabled, the label will be displayed with the input item.
• Label
  The label the user will see on the published form adjacent to the input.
• Label Icon
  Prepend a Font Awesome (4.7) icon to your label text. Available icons can be found on the Font Awesome web site.

  EXAMPLE: fa fa-user

• Default Value
  The color that is used as the default value.
• Do Not Escape Value
  Enabling will prevent HTML encoding of Value.  Good if you want to add PHP code as the value, otherwise leave turned off.
• Read Only
  Enabling will make the input readonly, removing ability of user to edit the value in input.
• Show Reveal Password ( if Password type )
  Enable a toggle icon to show password in clear text.
• Placeholder
  Text displayed in the popup menu UNTIL the visitor invokes the popup menu to select a country.
• Subtext
  Short description added below the input item.
• Tooltip
  Include an animated tooltip to your input item
• Tip Placement
  Designate where the tooltip should originate from. Tooltips can be placed in four different ways in relation to the reference element.
• Mask
  
  Mask typed text to conform to specific format.
• Mask Template
  A string that designates how the mask should format the typed input. More examples.
  

  EXAMPLE: [phone]

• Custom Class
  Add your own custom class to this input.
• Tab Index
  You can control the tab-through order of fields with tab index. The lower the number, the earlier it will be selected via Tab key. 1 is the first field, assign higher numbers to subsequent fields.
• Show Clear Value
  A delete button is displayed that, when clicked, clears the current value.

---

Save Data

• Save to MySQL
  When enabled, the input's value will be saved to the specified MySQL database ( in Base settings ).
• Save to Google Sheets
  When enabled, the input's value will be saved to the specified Google Sheet ( in Base settings ).
• Field Name
  The MySQL field name in your database that corresponds to this input.
  The column header name in your Google Sheet.

---

Validation

• Required
  If enabled, this input item is required before form can be submitted.
• Show Required Asterisk
  Enable to show red asterisk icon next to label.
• Email Error ( if Email type )
  Error message displayed when an invalid email value is entered.
• URL Error ( if URL type )
  Error message displayed when an invalid web address value is entered.
• Required Error
  Error message displayed when end user fails to complete form item.
• Equal To
  Item must be equal to the value of another input.
• Equal To Name
  The "name" of the input this field needs to be equal to.
• Equal To Error
  Error message displayed if field value is not equal to specified field input.
• Min Length
  If enabled, a minimum number of characters are required before form can be submitted.
• Min Value
  Minimum number of characters required.
• Min Error
  Error message displayed when minimum value is not reached.
• Max Length
  If enabled, a maximum number of characters are allowed before form can be submitted.
• Max Value
  Maximum number of characters allowed.
• Max Error
  Error message displayed when maximum value is exceeded.