html 5 forms
DESCRIPTION
I created this slideshow for a quick, 10 minute, talk at BarCamp Buffalo on 5/30/2012.TRANSCRIPT
{Forms
Jim GerlandBarCamp Buffalo5/30/2012
HTML 5New FeaturesFormsBrowser AdoptionUseful Links
Html 5 Forms
Not a standard yet – 2012HTML 5CSS 3JavaScript
HTML 5
<canvas></canvas><header></header><nav></nav><footer></footer>
Html 5 New Features
<input>placeholder="<Enter your name>"
autofocus required
type=“email, number, month, color,…”<datalist><keygen><output>
Html 5 Forms
Chrome 18 – 400 + 13 bonusFirefox 12.0 – 345 + 9 bonusOpera 11.64 – 338 + 9 bonusSafari 5.1.5 – 319 + 9 bonusInternet Explorer - 138 + 5 bonus
Html 5 Browser Adoption
html5test.com Scores500 Possible points
Chrome 18
Firefox 12.0
Opera 11.64
Opera 11.64
Safari 5.1.5
Internet Explorer 9.0
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.asp
Html 5 Useful Links
Html 5 Thanks!
Questions?