如何将输入的第一个字母大写？

Question

我目前正试图将输入中的第一个字母大写。

以下是我的尝试：

fieldset input
{
    text-transform:capitalize;
}

但它并不像我想要的那样有效，因为每个单词都是大写的。

我也试过这个：

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

但似乎＆lt; input /＆gt;用第一个字母完全不起作用......

无论如何，你是否知道如何在没有javascript（或尽可能少）的情况下实现这一目标？

Answer 1

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

Answer 2

不可能。可以使用Javascript，或仅将第一个单词放在范围中。

Answer 3

$('#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，因为如果用户输入速度不快，它就不起作用。

Answer 4

您必须使用

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

没有<input />

然后在CSS中：

fieldset input {
    text-transform: capitalize;
}