Turn off auto-capitalisation in form fields on iOS

You might have noticed when using form fields (text and email) on an iOS device that the first letter is set to uppercase. I find this a little annoying as most email addresses start with a lowercase letter. If you need to, you can override the default setting but using the autocapitalize attribute.

You can turn on or off auto capitalisation.

autocapitalize="on" or autocapitalize="off"

The HTML markup for an email input field would look something like this:


  <input type="email"  autocapitalize="off"></input>

Want to become a better web developer?

Join over 20,000 other developer & designers who get awesome links to the best news and articles each week delivered directly to their inbox.

This post currently has no responses. What do you think?

You can use basic HTML when posting code, please turn all < characters into &lt; or > into &gt;
If the code is multi-line, use <pre><code></code></pre>

Leave a Reply

Your email address will not be published. Required fields are marked *