In this chapter we take a look at forms using the latest HTML5 technology, including new input types and form attributes. We'll briefly review some of the new input types that we'll be using in our sample forms. From there we'll discuss some of the new attributes in the specification, while also looking at the autocapitalize attribute specifically for mobile devices. Before we dive into our sample forms, we consider the layout of forms on iOS devices and the limitations that come up when interacting with these forms. Finally, we create some sample forms, develop some simple validations, and then style our form specifically for iOS - and WebKit-supported browsers.
Once we've reviewed all of these features and have gone through our sample forms, we should have a solid grasp on HTML5 forms and how they relate to developing a web application for iOS.
Here are the topics that we will cover in this chapter:
New HTML5 input types
New HTML5 form-specific attributes...