Safari Form Input – autocapitalize & autocorrect attributes
Safari on iPhone / iPad OS
You can control whether or not automatic correction or capitalization are used in your forms on iPhone OS. Set the autocorrect attribute to on if you want automatic correction and the autocapitalize attribute to on if you want automatic capitalization.
If you do not set these attributes, then the browser chooses whether or not to use automatic correction or capitalization. For example, Safari on iPhone OS turns the autocorrect and autocapitalize attributes off in login fields and on in normal text fields.
To override these settings, you would code the inputs as follows:
1 2 | <input type="text" name="test1" autocapitalize="off"/> <input type="text" name="test2" autocapitalize="on"/> |
or
1 2 | <input type="text" name="test1" autocorrect="on"/> <input type="text" name="test2" autocorrect="off"/> |
For further clarification, see the Safari Web Content Guide
4 Responses to “Safari Form Input – autocapitalize & autocorrect attributes”
Leave a Reply
Blog Categories
Search
Contact Us
Kromosome Industries Pty. Ltd.
A.B.N. 13007002182
Melbourne, Australia
12 / 17 Como Avenue
South Yarra, Victoria
Australia 3141
T: 0424 767 060
Tweet to @mat_garland_1
Very good article for Ipad Safari developers.
Thank you Avinash
It should also be noted that, for an email field, you should use “email” instead of “text” for the input’s “type” attribute. This automatically disables capitalization in mobile safari, and also provides an alternative keyboard layout that includes the @ symbol on the first screen. Here’s a blog post that shows a few input types and their custom keyboard layouts: http://www.sitecrafting.com/blog/mobile-safari-keyboard-selection/
Good point Matt, I appreciate your additions, hopefully others will too :)