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

Question

Я сейчас пытаюсь использовать первую букву для ввода с заглавной буквы.

Вот что я попробовал:

fieldset input
{
    text-transform:capitalize;
}

Но это не работает так, как я хочу, таккаждое слово пишется с заглавной буквы.

Я тоже пробовал это:

fieldset input:first-letter
{
  text-transform:uppercase;
}

Но похожене работает вообще с первой буквой ...

В любом случае, есть ли у вас идеи, как этого добиться без JavaScript (или как можно меньше)?

Answer 1

JS : str.charAt(0).toUpperCase();

Answer 2

Невозможно. Это возможно с помощью Javascript, или путем помещения только первого слова в интервал .

Answer 3

Вы должны использовать

<fieldset>
            <legend>DATA...</legend>
            <input type="text" class="inputName" placeholder="Введите имя">

без <input />

затем в CSS:

fieldset input {
    text-transform: capitalize;
}

Answer 4

$('#INPUT_ID').keyup(function(){
    if($(this).val().length>0 && $(this).val().length<5){
        $(this).val($(this).val().charAt(0).toUpperCase()+$(this).val().substr(1));
     }
});

Нельзя использовать длину == 1, так как она не работает, если пользователь быстро печатает.