Input URL

A URL input with native browser URL validation. Provides an optimised keyboard on mobile and supports autocomplete for web addresses.

When to use

Use diwa-input-url for web address fields. The browser provides native URL format validation (requires a scheme such as https://) and shows a URL-optimised keyboard on mobile.

Example

<diwa-input-url
  label="Website URL"
  placeholder="https://example.com"
  autocomplete="url"
  required
></diwa-input-url>

Validation note

The browser enforces an absolute URL format. If you need to accept relative paths or custom URL schemes, use diwa-input-text and validate the format yourself.