HTML Forms & Interactive Elements: Or How to Poke a Zombie in the Eye: Undead Institute

By John Rhea

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.
 

What You'll Beat Zombies With

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.
 

How You'll Learn to Smack Zombies Around

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.
 

Why Zombies?

Are zombies just a gimmick? Why would this be any better than a straight laced book that sticks to the facts?

Straight laced books are often straight boring. And if you have insomnia problems go buy that book. The author, John, has read the boring books and knows that staying awake and engaged are also important for learning. But this book uses zombie references and analogies not just to make you smile, but to help the material stick. If a tough technical concept is related in silly terms you understand, like a zombie trying to buy gum at a super market, it's much more likely to stay in that brain those zombies are intent on eating.

Grab a drink (beating zombies is thirsty work), boot up that 10 lbs laptop that survived the apocalypse and hit the buy button. You've got a horde to take care of.

• Language: English
• Publisher: John Rhea
• Release date: Aug 15, 2019
• ISBN: 9781393014133

Book preview

Contents

Cover

Front Matter

Copyright

Also Available As

Content Warning (for Silliness)

Four Word

Zombie Bob say No!

Title Page

Interactive HTML (Prerequisites)

Anchoring Zombies ()

Undead Form Elements (

)

Contagion Methods (Method attribute)

Apocalyptic Form Fields (Value, name, required and type attributes)

The Input Horde (The many types of )

The Zombie Fields (, <select>, <option>, <optgroup>, <meter>, <progress>, and <button>)

Accessibilitizing Zombie Forms (,

, and

)

Apocalyptic Attributes (Attributes used in forms)

Undead Summary Details (

and

)

A Poke in the Eye (Practice)

Until next time…

Got Questions?

Sneak Peak of Advanced CSS: Zombie in a Cocktail Dress

© 2019 by John Rhea. All rights reserved. This book or any portion thereof may not be reproduced or used in any manner whatsoever without the express written permission of the publisher except for the use of brief quotations in a book review.

Distributed by the Undead Institute a division of StoryLab LLC

Also available as

Book #1 in the Humanity's Second Chance Virtual Boxed Set

Book #4 in the Undead Web 101: Student Bundle

Note: If you’re reading this on an e-ink screen you may want to set it to update on each page load, otherwise artifacts from previous pages may remain and be visible within some of the images.

You Know What Else Kills Zombies?

Honest feedback. Enjoyed the book? Found an error or an omission? Still confused about something? Want to complement the author’s sense of humor (or lack thereof)? Email John directly at [e-mail]

Content Warning

(for Silliness)

This book contains a large amount of information, zombies, silliness, and a sense of humor that some would call terrible. If you’re looking for straight technical information or a cure to your insomnia, this is not the book for you.

If you’re looking for a book that’s accessible to those without technical training or inclination and/or don’t mind laughing a bit while you’re learning, this book is for you. We at the Undead Institute believe that getting braaains should be fun. Join us and let’s stop those smelly zombies once and for all! (No, seriously. Their breath is terrible.)

Four Word

Interact with this, Zombies