Validating forms using html5
But it does require some CSS trickery to get everything just right! Just that alone is a UX consideration all too many forms fail on.
Placeholders are suggestions for valid input, like putting "Tulsa" in an input labeled "City". It's just kind of annoying and unnecessarily negative.
You can do and impressive amount of form validation with just HTML attributes.
You can make the user experience pretty clean and clear with CSS selectors.
I’m Doctor Peter and I’m here to treat you with a dose of complementary CSS3. Contrary to what HTML5 Please and the W3C would have you believe, CSS3 is not part of HTML5. One of the killer features that HTML5 introduces is client-side form validation without using Java Script.
To help ease the burden on developers, HTML5 introduced a concept known as constraint validation - a native means of implementing client side validation on web forms.The constraint validation API adds the following properties / methods to DOM nodes.The property of a DOM node contains the message the browser displays to the user when a node's validity is checked and fails.If they click the input, it will activate the input. It's basically the secret selector for testing if an input currently has a value or not.There is no IE or Firefox support though, which is particularly difficult to navigate around.