Build better forms in Ionic with autocomplete, helper text, and error messages

We'll take a form without any validation and we'll improve it step by step to create a better experience for our users.

First, we'll add helper text to fields that are prone to mistakes, that way we can help our users a bit and be extra clear on the inputs we expect.

Second, we'll add descriptive error messages, to let our users know when something is wrong before they try to submit the form (but without yelling at them even before they start writing.)

Third, we'll change the input types, this will help our users on mobile by bringing up the best keyboard for the situation, for example, the numeric keyboard when the user is typing a phone number.

And fourth, we'll leverage the browser capabilities and add descriptions to our fields so that the users can auto-fill the data with their browser's autocomplete capabilities.