Html 5 Forms

675 views

Published on

I created this slideshow for a quick, 10 minute, talk at BarCamp Buffalo on 5/30/2012.

Published in: Technology, Design
  • Be the first to comment

  • Be the first to like this

Html 5 Forms

  1. 1. Forms{ Jim Gerland BarCamp Buffalo 5/30/2012
  2. 2. HTML 5 New Features Forms Browser Adoption Useful LinksHtml 5 Forms
  3. 3. Not a standard yet – 2012 HTML 5 CSS 3 JavaScriptHTML 5
  4. 4. <canvas></canvas> <header></header> <nav></nav> <footer></footer>Html 5 New Features
  5. 5. <input> placeholder="<Enter your name>" autofocus required type=“email, number, month, color,…” <datalist> <keygen> <output>Html 5 Forms
  6. 6. html5test.com Scores 500 Possible points Chrome 18 – 400 + 13 bonus Firefox 12.0 – 345 + 9 bonus Opera 11.64 – 338 + 9 bonus Safari 5.1.5 – 319 + 9 bonus Internet Explorer - 138 + 5 bonusHtml 5 Browser Adoption
  7. 7. Chrome 18
  8. 8. Firefox 12.0
  9. 9. Opera 11.64
  10. 10. Opera 11.64
  11. 11. Safari 5.1.5
  12. 12. InternetExplorer 9.0
  13. 13. http://www.w3schools.com/html5/http://html5test.comhttp://www.html5rocks.com/en/http://en.wikipedia.org/wiki/HTML5http://www.w3schools.com/html5/html5_form_input_types.aspHtml 5 Useful Links
  14. 14. Questions?Html 5 Thanks!

×