Html 5 Forms

{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?