Fantastic Forms for mobile web
summary
Demo site uses Initializr/HTML5 Boilerplate and is packaged with PhoneGap to compare mobile vs web behavior. Practical details: input type="date" invokes the native scroller on phones, input type="number" brings up a numeric keyboard, and required produces the browser message “please fill out this field” on desktop. Range sliders set initial value 10 and enforce max=10 with built‑in validation. Modernizr is recommended as a JavaScript fallback when attributes aren’t supported.
AI-written summary · about
chapters (4)
related talks
19mBuilding Forms Mobile Users Will Love
27mCreating Beautiful, Accessible, and User Friendly Forms
45mBad Form
36mBack to Basics Why HTML Forms Still Rule the Web
50mReal-Life Responsive Web Design
13mValidating forms with the HTML5 pattern attribute
48mYour website does not need JavaScript
39mForm control styling