1. HTML5 Forms Janelle Krebsbach Tyson Phillips

2. 13 New Input Types

3. Placeholder Text

4. Autofocus Fields

5. Data Lists

6. Spin Boxes

7. Sliders

8. Date Pickers

9. JavaScript Date Picker function show_calendar(str_target, str_datetime) { var arr_months = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"]; var week_days = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"]; var n_weekstart = 1; // day week starts from (normally 0 or 1) var dt_datetime = (str_datetime == null || str_datetime =="" ? new Date() : str2dt(str_datetime)); var dt_prev_month = new Date(dt_datetime); dt_prev_month.setMonth(dt_datetime.getMonth()-1); var dt_next_month = new Date(dt_datetime); dt_next_month.setMonth(dt_datetime.getMonth()+1); var dt_firstday = new Date(dt_datetime); dt_firstday.setDate(1); dt_firstday.setDate(1-(7+dt_firstday.getDay()-n_weekstart)%7); var dt_lastday = new Date(dt_next_month); dt_lastday.setDate(0);…

10. Color Pickers

11. Validation

12. Validation Example

13. Modernizr – HTML5 Detection Library Open source JavaScript library that detects support for many HTML5 features.

14. References “Web Forms – Dive into HTML 5” http://diveintohtml5.org/forms.html http://diveintohtml5.org/forms.html “Dectecting HTML5 Features” http://diveintohtml5.org/detect.html http://diveintohtml5.org/detect.html