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>

Jake Bresnehan

A Front End Developer based in Sydney and the creator of Web Design Weekly.

Web Design Weekly keeps developers at the forefront of techniques and trends whilst helping them learn and grow to produce top quality code to make the web a better place for all.

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 *

Current day month ye@r *