Text Input Fields

Auto Form Builder

Text Field Basic Required

Text Field Optional

Text Field With Placeholder

Text Field With Help Text

This is additional information displayed below the field

Text Field With Default Value

Text Field Half Width

Text Field One Third Width

Text Field Two Thirds Width

Text Field Min Length 5

Text Field Max Length 50

Text Field Min Max Length 5 to 20

Text Field Password Mode

Text Field Trim Whitespace

Remove extra spaces at the beginning and end of text

Text Field Transform Uppercase

Text Field Transform Lowercase

Text Field Transform Capitalize

Text Field Transform Title Case

Title case capitalizes the first letter of each major word

Text Field Input Type Search

Search input with clear button

Text Field Input Type Tel

Telephone input – shows numeric keypad on mobile

Text Field Input Type URL

URL input – specialized keyboard on mobile

Text Field Validation Email

Text Field Validation URL

Text Field Validation Letters Only

Text Field Validation Numbers Only

Text Field Validation Alphanumeric

Text Field Validation Custom Pattern

Custom pattern: 2 uppercase letters followed by 4 digits (e.g., AB1234)

Text Field CSS Class

Text Field All Options Combined

This field combines multiple options: required, validation, min/max length, trim whitespace, and custom CSS class