Как сделать первую букву заглавной при вводе слова в input?

Question

[Евгений]

Как сделать, чтобы при вводе слова в input, первая буква становилась заглавной? Вариант с CSS "text-transform: capitalize" не подходит, нужно чтобы первая буква реально была заглавной.

Answer 1

[Ярослав Иванов]

https://jsfiddle.net/space2pacman/tfnsooy8/

Comments

[Евгений]

Спасибо, первого варианта сообщения было достаточно)

[Владимир Проскурин]

И при удалении всех букв получаем исключение
Uncaught TypeError: Cannot read property 'toUpperCase' of undefined
т.к. нет символа на нулевом индексе.

[Ярослав Иванов]

Евгений, https://learn.javascript.ru/string

[Ярослав Иванов]

Владимир Проскурин, ну допишите if(this.value == "") return

[Владимир Проскурин]

Ярослав Иванов, или charAt, он возвращает пустую строку, если символ отсутствует.

Answer 2

[riot26]

https://jsfiddle.net/o40oj357/

Comments

[Ярослав Иванов]

при вводе одного символа он остается в нижним регистре )

[Владимир Проскурин]

Лучше oninput, т.к. иначе регистр меняется после ввода второго символа.