Ask AI
English EN
Go to Watbot
Open as markdown The page text without formatting Open in ChatGPT Ask a question about this page Open in Claude Ask a question about this page Connect to Cursor Help center MCP server in one click Connect to VS Code Help center MCP server in one click How to connect the help center to AI

Input

One line for input: a name, phone, email, promo code, quantity. What is entered goes into a variable.

The "Input" element: name and phone fields on the screen and the field's settingsThe "Input" element: name and phone fields on the screen and the field's settings

Settings

  • "Variable", "Label", "Placeholder" — as for all fields.
  • "Value type" — "Text", "Number", "Phone", "Email", "Password", "URL", "Search", "Date", "Time". The type defines the phone keyboard and how the value is shown: for example, a password is hidden behind dots.
  • "Default value" — what is already in the field. You can insert a variable.

Validation

  • "Helper text" and "Error text".
  • "Length: from and to" and "Show the character counter".
  • "Limits and step" — "From", "To" and "Step" for numbers and dates.
  • "Pattern (regular expression)" — for example, [0-9]{4} for four digits.
  • "Required field".

More in the Validation section.

Keyboard

  • "Keyboard layout" — which keyboard the phone opens: text, tel, email, numeric, decimal and others. If empty — by the value type.
  • "Auto capitalization" — "Off", "Sentences", "Words", "All caps".
  • "Autofill" — a hint to the browser about what the field is, so that it fills in saved data: name, email, tel, street-address, one-time-code and others.
  • "Enter key" — what is written on the Enter key: done, go, next, search, send and others.

Style

  • "Label placement", "Filling" and "Round" — as for all fields.
  • "Clear button" — a cross in a filled field.
  • "Clear on first edit" — the value is erased as soon as the person starts typing.
  • "State" — "Read only" or "Disabled".