Атрибут autocapitalize

Атрибут autocapitalize определяет, будут ли автоматически меняться буквы на заглавные при наборе или редактировании текста.

Атрибут autocapitalize не влияет на поведение браузера при наборе текста на физической клавиатуре. Результат будет заметен при наборе текста на виртуальной клавиатуре мобильных устройств или голосовом вводе. При этом происходит изменение регистра букв на самой клавиатуре, а не преобразование введённого текста.

Для полей следующего типа атрибут autocapitalize работать не будет, даже при его наличии.

  • <input type="email">
  • <input type="password">
  • <input type="url">

Синтаксис

autocapitalize="off | none | on | sentences | words | characters"

Значения

off или none
Преобразования букв не происходит, все они по умолчанию остаются строчными.
on или sentences
Первая буква каждого предложения должна быть заглавной, остальные буквы по умолчанию остаются строчными.
words
Первая буква каждого слова в предложении должна быть заглавной, остальные буквы по умолчанию остаются строчными.
characters
Все буквы по умолчанию должны быть заглавными.

Пример

<!DOCTYPE html> <html lang="ru"> <head> <title>autocapitalize</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <style> input[type="text"] { width: 100%; /* Ширина */ padding: 1em; /* Расстояние от текста до рамки */ box-sizing: border-box; /* Ширина не учитывает padding */ } </style> </head> <body> <p><input type="text" autocapitalize="off" placeholder="off"></p> <p><input type="text" autocapitalize="sentences" placeholder="sentences"></p> <p><input type="text" autocapitalize="words" placeholder="words"></p> <p><input type="text" autocapitalize="characters" placeholder="characters"></p> </body> </html>

Результат данного примера на мобильном устройстве показан ни рис. 1.

Ввод текста на виртуальной клавиатуре

Рис. 1. Ввод текста на виртуальной клавиатуре

Спецификация

Спецификация Статус
HTML Living Standard Живой стандарт

Браузеры

79 43 30 111
43 111 40 10.3

В таблице браузеров применяются следующие обозначения.

  • — элемент полностью поддерживается браузером;
  • — элемент браузером не воспринимается и игнорируется;
  • — при работе возможно появление различных ошибок, либо элемент поддерживается с оговорками.

Число указывает версию браузреа, начиная с которой элемент поддерживается.