Example of the Interactive Form Validation UI in WebKit

This page contains an image and a CSS-based example of the interactive validation UI for WebKit, as proposed in Bug 48980.

This is how the following example should look in recent WebKit-based browsers:

And this is an actual rendering using the CSS definitions in WebKit's default styling file. Mind that this form is not actually interactive.

Your name:

type mismatch
Specify a valid name.

E-mail address:

Telephone number: