How do you turn off auto-capitalisation in HTML form fields in iOS?

Since iOS 5, type="email" has auto-capitalization disabled automatically, so you simply need:

<input type="email">

For other input types, there are attributes available that do what they say:

<input type="text" autocorrect="off" autocapitalize="none">

If for some reason you want to support iOS prior to version 5, use this for type="email":

<input type="email" autocorrect="off" autocapitalize="none">

More information:

  • iOS Documentation
  • Controlling which iOS keyboard is shown

Just as a heads up, if you're looking at this example and you're using React Native, you'll want to use those props as camelcase.

autoCapitalize

and

autoCorrect

This confused me a bit until I looked at the React Native Documentation for Text Inputs.