2014-04-28 33 views
0

有没有一种方法来使输入文本框内的文本框标题大小写每次用户按键盘使用jQuery?例如:JQuery - OnKeyPress输入文本标题案例

约翰尼拉英语

约翰尼拉英语

这里的输入文本框

<input type="text" id="fullname" name="fullname" /> 

回答

0

您可以通过应用text-transform财产使用纯CSS:

text-transform CSS属性指定如何将大写的 元素的文本大写。它可用于使文本以全部大写形式出现,或者全部使用大写字母或全部大写字母。

#fullname { 
    text-transform: capitalize; 
} 

Fiddle Demo

+0

Thx!欣赏简单的解决方案! –

+1

但是,这不会使它看起来像输入是大写。表单提交后,发送原始值。为什么这是一个正确的答案? – danielson317

+0

如果所有输入都大写,将不起作用,因为它将忽略除每个单词的第一个字符以外的所有字符。 (不幸的是....) – Malachi

0

http://jsfiddle.net/GH3Lj/

在这里,你是用CSS text-transform : capitalize为宗旨。

+0

Woah,这是一个简单的解决方案。在这里,我试图通过使用jQuery来找到困难的方式。谢谢! –

+0

乐于帮助。不用谢。 –

+0

如果所有文本都已大写,则不起作用.... – Malachi