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.