Top.Mail.Ru
Ответы

JavaScript: Как в поле input (html) сделать первую букву заглавной, а все последующие - строчными?

JavaScript: Нужно, чтобы в поле input (html) сделать первую букву заглавной, а все последующие - строчными, чтобы при любом наборе всегда было именно так.
То есть, если пользователь попытается написать фамилию:

Иванов - Иванов

ИВаНов - Иванов

иваноВ - Иванов

Иванов- Иванов

ИВАНОВ - Иванов

иванов - Иванов

По дате
По рейтингу
Аватар пользователя
Новичок
123456789
 <input id="inp"/>

document.querySelector('#inp').addEventListener('input', function() {
    let val = this.value.trim();
    let index = this.selectionStart;

    this.value = val[0].toUpperCase() + val.slice(1).toLowerCase();
    this.selectionStart = this.selectionEnd = index;
}); 
Аватар пользователя
Просветленный

Можно через CSS капитализацию

1
 text-transform: capitalize;