我正在寻找一个如何大写输入文本字段的字符串的第一个字母的示例.通常情况下,这是与功能,正则表达式整场完成的,OnBlur,OnChange等我想首字母大写,而用户仍然打字.
例如,如果我输入单词"cat",则用户应按"c",然后在按下"a"时,C应该在字段中大写.
我想我要为可能可以用keyup或keypress,但我不知道从哪里开始.
有人给我一个例子吗?
我正在使用text-transform属性将输入框文本转换为标题大小写,但我没有得到确切的属性或组合来执行此操作.
我也试过了
text-transform: capitalize;
text-transform: lowercase;
Run Code Online (Sandbox Code Playgroud)
我正在尝试自动转换这些
nIklesh raut : Niklesh Raut
NIKLESH RAUT : Niklesh Raut
Run Code Online (Sandbox Code Playgroud)
或者我应该使用Javascript.
我正在尝试使输入字段中的第一个字符大写。
到目前为止,我已经尝试过:
input:first-letter {text-transform:capitalize !important}
input:first-letter {text-transform:uppercase !important}
Run Code Online (Sandbox Code Playgroud)
我还尝试过设置输入字段的样式display:block;,display:inline-block;但是没有运气。
我正在使用最新版的chrome。如果我看着检查员
input:first-letter {text-transform:capitalize !important} is flagged to be active but it does not work.
Run Code Online (Sandbox Code Playgroud)
我也欢迎任何Jquery解决方案
谢谢,
我在别处读到以下内容应该大写内联元素(例如 a <span>)的文本的第一个字母。
但是,如果您运行代码片段,您会发现它不起作用。如果我<span>用 a替换<div>它就可以了,但是有没有办法在不更改元素类型的情况下将第一个字母大写?
.list .capitalize:first-letter {
text-transform: capitalize;
display: inline-block;
}Run Code Online (Sandbox Code Playgroud)
<div class="list">
<span class="capitalize">capitalize me</span>
</div>Run Code Online (Sandbox Code Playgroud)