HTML5 Forms & Interactive Elements

Nothing stops zombies better than HTML5 forms and interactive elements (not even a shotgun or a harsh talking to from their mother). These HTML5 tags are engaging, helpful and don’t require complicated coding. In short they’re like a bazooka to a shotgun, taking down zombies with ease, flair, and panache.

You’ll take an in depth look at form fields like input, select, textarea, meter and progress and look at form capabilities like checkboxes, radio buttons, drop downs, and special text fields. We’ll look at the attributes added in HTML5 that can modify the form fields and even add interactivity to typically non-interactive fields. You’ll also look at different options for linking to things other than webpages like email addresses, phone numbers, and sending text messages. Lastly we’ll create interactive accordion menus using just HTML5 and our wits.

You won't just passively take in the view, like a zombie shuffling across the mainland. You’ll have plenty of combat practice with analogies, examples, and code tutorials you can build, break and fix again. Working with your hands and your head you’ll craft code that pleases the eye and knocks a zombie into last Tuesday.

All the code and directions are provided as both CodePen tutorials and downloadable HTML files, so you can fight the apocalypse how and where you like. You can work with them on the CodePen site or on your own device.

And later you'll bring those skills together in a final project that cements those skills into zombie smashing muscle memory.