Please note that the contents of this offline web site may be out of date. To access the most recent documentation visit the online version .
Note that links that point to online resources are green in color and will open in a new window.
We would love it if you could give us feedback about this material by filling this form (You have to be online to fill it)



View Source | Submit Feedback

Forms and User Input

Create Amazing Forms

Forms are hard to fill out on mobile. The best forms are the ones with the fewest inputs. Good forms provide semantic input types. Keys should change to match the user's input type; users pick a date in a calendar. Keep your user informed. Validation tools should tell the user what they need to do before submitting the form.

For an overview of these guides on creating amazing forms, check out the video below.

Guides

  1. Design efficient forms
  2. Choose the best input type
  3. Label and name inputs properly
  4. Provide real-time validation
  5. Simplify checkout with requestAutocomplete API

Next Sections

  1. Create Amazing Forms
  2. Add Touch to Your Site

Authors

Pete LePage

Except as otherwise noted, the content of this page is licensed under the Creative Commons Attribution 3.0 License , and code samples are licensed under the Apache 2.0 License . For details, see our Site Policies .