html 5 forms
DESCRIPTION
I created this slideshow for a quick, 10 minute, talk at BarCamp Buffalo on 5/30/2012.TRANSCRIPT
![Page 1: Html 5 Forms](https://reader035.vdocument.in/reader035/viewer/2022062307/556be6e9d8b42a65458b478d/html5/thumbnails/1.jpg)
{Forms
Jim GerlandBarCamp Buffalo5/30/2012
![Page 2: Html 5 Forms](https://reader035.vdocument.in/reader035/viewer/2022062307/556be6e9d8b42a65458b478d/html5/thumbnails/2.jpg)
HTML 5New FeaturesFormsBrowser AdoptionUseful Links
Html 5 Forms
![Page 3: Html 5 Forms](https://reader035.vdocument.in/reader035/viewer/2022062307/556be6e9d8b42a65458b478d/html5/thumbnails/3.jpg)
Not a standard yet – 2012HTML 5CSS 3JavaScript
HTML 5
![Page 4: Html 5 Forms](https://reader035.vdocument.in/reader035/viewer/2022062307/556be6e9d8b42a65458b478d/html5/thumbnails/4.jpg)
<canvas></canvas><header></header><nav></nav><footer></footer>
Html 5 New Features
![Page 5: Html 5 Forms](https://reader035.vdocument.in/reader035/viewer/2022062307/556be6e9d8b42a65458b478d/html5/thumbnails/5.jpg)
<input>placeholder="<Enter your name>"
autofocus required
type=“email, number, month, color,…”<datalist><keygen><output>
Html 5 Forms
![Page 6: Html 5 Forms](https://reader035.vdocument.in/reader035/viewer/2022062307/556be6e9d8b42a65458b478d/html5/thumbnails/6.jpg)
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
![Page 7: Html 5 Forms](https://reader035.vdocument.in/reader035/viewer/2022062307/556be6e9d8b42a65458b478d/html5/thumbnails/7.jpg)
Chrome 18
![Page 8: Html 5 Forms](https://reader035.vdocument.in/reader035/viewer/2022062307/556be6e9d8b42a65458b478d/html5/thumbnails/8.jpg)
Firefox 12.0
![Page 9: Html 5 Forms](https://reader035.vdocument.in/reader035/viewer/2022062307/556be6e9d8b42a65458b478d/html5/thumbnails/9.jpg)
Opera 11.64
![Page 10: Html 5 Forms](https://reader035.vdocument.in/reader035/viewer/2022062307/556be6e9d8b42a65458b478d/html5/thumbnails/10.jpg)
Opera 11.64
![Page 11: Html 5 Forms](https://reader035.vdocument.in/reader035/viewer/2022062307/556be6e9d8b42a65458b478d/html5/thumbnails/11.jpg)
Safari 5.1.5
![Page 12: Html 5 Forms](https://reader035.vdocument.in/reader035/viewer/2022062307/556be6e9d8b42a65458b478d/html5/thumbnails/12.jpg)
Internet Explorer 9.0
![Page 13: Html 5 Forms](https://reader035.vdocument.in/reader035/viewer/2022062307/556be6e9d8b42a65458b478d/html5/thumbnails/13.jpg)
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
![Page 14: Html 5 Forms](https://reader035.vdocument.in/reader035/viewer/2022062307/556be6e9d8b42a65458b478d/html5/thumbnails/14.jpg)
Html 5 Thanks!
Questions?