javascript - 如何通过css在输入框中应用Title Case

Question

我正在使用 text-transform 属性将输入框文本转换为标题大小写，但我没有获得执行此操作的确切属性或组合。

我也试过

text-transform: capitalize;
text-transform: lowercase;

我正在尝试为这些自动转换

nIklesh raut : Niklesh Raut

NIKLESH RAUT : Niklesh Raut

或者我应该使用 Javascript。

Answer 1

您可以使用 css 执行以下操作。这将适用于所有单词。

input { 
  text-transform: capitalize;
}
::-webkit-input-placeholder { 
    text-transform: none;
}
:-moz-placeholder { 
    text-transform: none;
}
::-moz-placeholder { 
    text-transform: none;
}
:-ms-input-placeholder { 
    text-transform: none;
}

<input type="text" placeholder="test" />

注意:但是当用户只输入小写字母时这会起作用。但是，这对你走得更远会有用。为了让所有人都能做到这一点，我认为您应该使用脚本。

Working Fiddle