URL Input
freeURL input with built-in URL format validation.
Overview
The URL Input validates web addresses automatically. Uses the native URL type for browser validation and mobile keyboard optimization.
Properties
| Property | Type | Default | Description |
|---|---|---|---|
name | String | "website" | Field name used in form data. |
label | String | "Website" | Label displayed above the input. |
placeholder | String | "https://example.com" | Placeholder text. |
required | Boolean | false | Whether the field must be filled. |
errorMessage | String | -- | Custom error message for invalid URL format. |
Features
- Built-in URL format validation (uses JavaScript URL constructor)
- Native <input type="url"> for URL keyboard on mobile
- Browser autofill styling override
Tips
Users must include the protocol (https://) for the URL to validate.
Use the placeholder to show the expected format.
Validation
This component uses url validation. See the Validation Guide for details on configuring rules and error messages.