HTML5 forms

I think the easiest way to get to grips with HTML5 forms is to work our way through an admittedly contrived example form. Just like in daytime TV cooking shows, I have one I made earlier! A minor introduction is needed. Two facts: firstly, I love films. Secondly, I’m very opinionated on what is a good film and what is not.

Every year, when the film Oscar nominations are announced, I can’t help but feel the wrong films have got “the nod” from the Academy of Motion Picture Arts and Sciences. Therefore, we will start with an HTML5 form that enables fellow cinephiles to vent their frustrations at the continual travesties of the Oscar nominations.

It’s made up of a few fieldset elements, within which we are including a raft of HTML5 form input types and attributes. Besides standard form input fields and text areas, we have a number spinner, a range slider, and placeholder text for many of the fields. If you don’t know what any...