This may look like the most unimpressive feature in existence, but I think it is important because everyone dislikes typing on mobile: You hate it, I loathe it. In Chrome for Android (prior to Chrome 43 - Beta as of April 2015) a developer has little control over how the browser can help the user enter text. If you are typing on a device today, it might look like:
Notice everything is in lowercase apart from some values that Android recognized was a name.
And, if you're on a Mac, press command while you select individual words you want first letter capitalization, then press fn + shift + F3 at the same time, and bingo, first letter capitalization for selected words (at least for my middle aged Macbook Pro!). Automatically capitalize new sentences, correct double capitals. Advanced Full set of advanced functions, including date time scripts, editable field, key stroke, AppleScript and Shell Script, etc. Capitalize Sentences This tool capitalizes sentences - makes the first letter of a sentence a capital letter. If you have some paragraphs where the sentences are not capitalized then you can quickly use this tool to get the proper capitalization.
Apple introduced an attribute on
HTMLInputElement
andHTMLTextAreaElement
called autocapitalizein iOS 5and it allows the page author to hint at how the browser should present thevirtual keyboard for a user to optimize text entry for the user. https://celestialdisc.weebly.com/text-bomber-for-mac.html. In itssimplest form, you could indicate that a text box should automaticallycapitalize the first letter of every new sentence.From Chrome 43, Chrome will support the autocapitalize attribute on both
HTMLInputElement
and HTMLTextAreaElement
, which will allow you to controlthe autocapitalization behavior of the virtual keyboard and bring it inlinewith Safari on iOS.autocapitalize will only apply to
HTMLInputElement
s that havethe type attribute set to: type='text'
, type='search'
, type='url'
, type='tel'
,type='email'
or type='password'
. The default is to not autocapitalize.Here's a simple example letting you autocapitalize sentences in a text area:
<textarea autocapitalize='sentences'>
Auto Capitalize Text
What values can autocapitalize take?
The following table shows the different states that an input element can be in:
State | Keywords | |
---|---|---|
<input> <input autocapitalize=off> | No Capitalization | none [default] |
off | ||
<input autocapitalize=characters> | Characters Capitalization | characters |
<input autocapitalize=words> | Words Capitalization | words |
<input autocapitalize=sentences> | Sentences Capitalization | sentences |
For
HTMLInputElement
, the invalid value default is Sentences Capitalization if the type of the element is type=text
or type=search
. Otherwise, it is No Capitalization.<input autocapitalize='simon'>
would be a text field with Sentences Capitalization<input type='email' autocapitalize='simon'>
would be a text field with No Capitalization.<input>
would be a text field with No Capitalization.
For
HTMLTextAreaElement
, the invalid value default is SentencesCapitalization. This is a change from the default behavior.<textarea autocapitalize='terry'></textarea>
would be a text area with Sentences Capitalization<textarea></textarea>
would be a text area with Sentence Capitalization.<textarea autocapitalize='none'></textarea>
would be a text area with No Capitalization.
For
HTMLFormElement
we have decided not to implement the attribute, because we'vefound that it is rarely used on pages today, and when it is used, it is mostlyused to disable autocapitalization on the form entirely:<form autocapitalize=off><input></form>
The above is odd, as the default state for
HTMLInputElement
is No Capitalization.Why are you using this over inputmode
?
inputmode
is meant to solve the same type of problem, among other things.However, it has been lacking browser implementations — to the best of ourknowledge, only Firefox OS has an implementation and it is prefixed(x-inputmode) — but it also has very little usage on the web. On the other hand,autocapitalize
is used across millions of pages on hundred of thousands ofwebsites already.When should I use this?
This isn't an exhaustive list of when you should use
autocapitalize
; howeverthere are a number of places where helping the user enter text provides great value:- Use
autocapitalization=words
if you are- Expecting people's names (note: not all names follow this rule, but themajority of western names will capitalize automatically as expected)
- Company names
- Addresses
- Use
autocapitalization=characters
if you are expecting:- US states
- UK postal codes
- Use
sentences
for input elements if you are expecting contentthat is entered in normal paragraph form - for example, a blog post. - Use
none
on TextAreas if you are expecting content that should not be affected - for example, entering code. - If you don't want hinting, don't add autocapitalize.
Other interesting links
With aText you can easily avoid typing the same thing over and over
Image
Super text twist download. Insert images, formatted text into any application, such as Pages, Mail, Google Chrome Gmail.
Auto-Correction
Autocapitalize On Mac For Text Message
Automatically capitalize new sentences, correct double capitals.
Advanced
Full set of advanced functions, including date time scripts, editable field, key stroke, AppleScript and Shell Script, etc.
Cloud sync
Sync via iCloud Drive, Dropbox, Google Drive, OneDrive, or any sync services. https://celestialdisc.weebly.com/how-to-justify-text-in-word-for-mac.html.
Make your data avaviable on other computers.
Collaborate with other users in multi-user environment.
Built-in snippets
Built-in snippets for misspelling correcting, HTML and JavaScript coding.
Import
Import data from TextExpander, TypeIt4Me, SpellCatcherX, Automaton, CSV file.
Virtual machine
Works in Windows virtual machine by Parallels (in single window mode), VMWare Fusion, VirtualBox.
Works in Windows via TeamViewer and Remote Desktop Connection clients.