getButterfly Logo getButterfly code wrangling since 2005

HTML5 Forms

The latest version of the WordPress eCards plugin brings some HTML5 form improvements.

For example, the input fields are now properly validated using their input types:

<input type=”text” name=”ecard_from” size=”30″ required autofocus />

This field is required, and receives automatic focus on page load.

The email fields now require valid email addresses based on the type=”email” attribute:

<input type=”email” name=”ecard_email_from” size=”30″ required />

When viewed in a browser that does not support them, these input types fall back to text input.

The charts on this page list the most current version of each major browser. Also, here’s a example form with all HTML5 attributes.

More useful links:

Image source

Subscribe to getButterfly Blog

Once a week or so we send an email with our best content. We never bug you, we just send you our latest piece of content.

If you found any value in this post, agree, disagree, or have anything to add - please do. I use comments as my #1 signal for what to write about. Read our comment policy before commenting! Comments such as "Thank you!", "Awesome!", "You're the man!" are either marked as spam or stripped from URL.

Leave a reply