Our free WordPress themes are downloaded over 7 MILLION times. Get them now!
Templates

Alert V11

alert v11

Template Details

Author: Colorlib

Released: September 2026

License: CC BY 3.0

Description

A profile form where each input has a compact message attached to its lower edge, in hint, error, warning or success style. Messages are linked to their inputs with aria-describedby, and errors also set aria-invalid. The username is checked as you type, the email and website on blur, and the bio shows a live character count.

It is plain HTML and CSS plus a few lines of vanilla JavaScript: no jQuery, no Bootstrap files, no plugins, and the download is 127 KB. Use it on its own, or drop it into a Bootstrap 4, 5 or 6 project and it looks the same.

  • Hint, error, warning and success states from one custom property
  • Message joined to the input as a single shape
  • aria-describedby and aria-invalid kept in sync
  • Live username availability and character count
  • Submit focuses the first field with an error
Download
Preview
Back To Top

Download this template

Enter your email to get the free download link. We'll also send you occasional updates about new templates.

If you wish to withdraw your consent and stop hearing from us, simply click the unsubscribe link at the bottom of every email we send or contact us at [email protected]. We value and respect your personal data and privacy. To view our privacy policy, please visit our website. By submitting this form, you agree that we may process your information in accordance with these terms.