Using the latest html form attributes and CSS styles it is possible to produce a form withinput validation and completion to rival that produced by javascript/jQuery.

The above form, which works in all the latest browsers and operating systems, has a validation in all the fields and a real time indication of correctly entered content. It also lets you know when all the fields are correctly entered by changing the background color of the 'submit' button and the text above it changes from 'form waiting completion' to 'form complete'.

It also has a graphic representation of a checkbox for the 'Subscribe to mail list?' question. You can toggle this by clicking on the text and by clicking on the YES/NO 'graphic'.

This form is not submitted so you can play around with entries to see what happens.

If you click the submit button before all the fields are correctly entered then you will get a prompt to indicate which fields are not filled or incorrectly entered.

Firefox has probably the best interpretation of the code and styles.