Text - Default single-line text input. Use for short text like names, usernames, titles. Supports minlength, maxlength, pattern for validation.
minlength
maxlength
pattern
Password - Masked text input that hides characters. Use for passwords and sensitive data. Combine with pattern attribute for password strength requirements.
Search - Search input field, may display a clear button. Use for search boxes. Mobile browsers may show optimized keyboard.
Textarea (SQLPage custom) - Multi-line text input. Use for long text like comments, descriptions, articles. Set rows to control initial height.
rows
Number - Numeric input with up/down arrows. Use for quantities, ages, counts. Supports min, max, step. Mobile shows numeric keyboard.
min
max
step
Number with decimals - Set step="0.01" for currency. Use prefix/suffix for units. Great for prices, measurements, percentages.
step="0.01"
prefix
suffix
Range - Slider control for selecting a value. Use for volume, brightness, ratings, or any bounded numeric value where precision isn't critical.
Date - Date picker (year, month, day). Use for birthdays, deadlines, event dates. Most browsers show a calendar widget. Supports min and max for date ranges.
Time - Time picker (hours and minutes). Use for appointment times, opening hours, alarms. Shows time selector in supported browsers.
Datetime-local - Date and time picker without timezone. Use for scheduling events, booking appointments, logging timestamps in local time.
Month - Month and year picker. Use for credit card expiration dates, monthly reports, subscription periods.
Week - Week and year picker. Use for week-based scheduling, timesheet entry, weekly reports.
Email - Email address input with built-in validation. Use for email fields. Browser validates format automatically. Mobile shows @ key on keyboard.
Tel - Telephone number input. Use for phone numbers. Mobile browsers show numeric keyboard with phone symbols. No automatic validation - use pattern if needed.
URL - URL input with validation. Use for website addresses, links. Browser validates URL format. Mobile may show .com key on keyboard.
Select (SQLPage custom) - Dropdown menu. Use for single choice from many options. Add multiple for multi-select. Use searchable for long lists. Set dropdown for enhanced UI.
multiple
searchable
dropdown
Radio - Radio button for mutually exclusive choices. Create multiple rows with same name for a radio group. One option can be selected. Use for 2-5 options.
name
Checkbox - Checkbox for multiple selections. Each checkbox is independent. Use for yes/no questions or multiple selections from a list.
Checkbox (required) - Use required to make acceptance mandatory. Common for terms of service, privacy policies, consent forms.
required
Switch (SQLPage custom) - Toggle switch, styled checkbox alternative. Use for on/off settings, feature toggles, preferences. More intuitive than checkboxes for boolean settings.
File - File upload control. Use accept to limit file types (image/*, .pdf, .doc). Use multiple to allow multiple files. Automatically sets form enctype to multipart/form-data.
accept
File (multiple) - Allow multiple file uploads with multiple attribute. Specify exact extensions or MIME types in accept.
Color - Color picker. Use for theme customization, design settings, highlighting preferences. Returns hex color code (#RRGGBB).