Online Resources for Generating CSS3 Gradients
HTML5 and CSS3 All-in-One For Dummies Cheat Sheet
What's Next for the Web

5 High Impact Form Tools in HTML5

HTML5's new form tools are high impact, and highly underrated. Lost among the buzz, hype and hoopla around native video and pre-defined semantic layout tags is an appreciation for how these new features allow web designers to create forms every bit as inviting and accessible as those turned out by design operations with unlimited resources. Here are five of the most important of these:

  • Placeholder text makes forms more intuitive, and can reduce clutter, particularly in mobile devices, by prompting for input within a form field.

    image0.png
  • E-mail validation tests input and requires input that looks like an e-mail address.

    image1.png
  • Data lists make data entry simple with filtered auto-complete prompts.

    image2.png
  • Date input types prompt uses with a popup calendar.

    image3.png
  • Form output elements calculate user input.

    image4.png
  • Add a Comment
  • Print
  • Share
blog comments powered by Disqus
Resetting and Extending CSS
HTML5 & CSS3 For Dummies Cheat Sheet
Code Files for HTML5 and CSS3
Fun with jQuery Plug-ins
Using HTML Entities
Advertisement

Inside Dummies.com