Did you know that you can help out formatting text inputs for mobile users with the autocapitalize attribute?
Note that this won't work for the listed attribute types nor for physical keyboards. Only for virtual ones, such as mobile devices or voice input.
<!-- Autocapitalize text inputs on mobile with the autocapitalize attribute -->
<!-- Capitalize words after a period. -->
<input type=βtextβ autocapitalize="sentences" />
<!-- Capitalize Each And Every Word. -->
<input type="text" autocapitalize="words" />
<!-- CAPITALIZE ALL CHARACTERS. -->
<input type="text" autocapitalize="characters" />
<!--
Note that this wonβt work for the following input
types:
* url
* email
* password
-->Copied to clipboard!
It can take the following attributes:
sentences: Automatically turn each first letter of each sentence to uppercase.words: All words first letter should be capitalized.characters: All letters should be written with uppercase.
Resources:
Remove ads
Want to get weekly updates to your mailbox? π¬
π Get access to exclusive content
Want to get access to exclusive content? Support webtips with the price of a coffee to get access to tips, checklists, cheatsheets, and much more. β
Get access
