By default, iOS’s keyboard sets the first letter in text form fields (including type=email
) to uppercase. (At least prior to iOS 5.)
Is there any way to disable the autocapitalization?
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:
autocapitalize="none"
instead of autocapitalize="off"
because "off"
is deprecated for autocapitalize
. See official documentation.
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.