如何使文本字段中的所有内容都是大写字母/大写字母?

ran*_*ech 21 html javascript jquery capitalization

我想把我在文本字段中写的所有东西都写成大写字母.在我写作时,并没有失去焦点.

我如何使用jQuery做到这一点?

Bra*_*don 66

我会用CSS来做这件事.

只需添加text-transform: uppercase到您的样式,然后在服务器端,您可以将其转换为大写.

input {
  text-transform: uppercase;
}
Run Code Online (Sandbox Code Playgroud)

  • 如果您愿意,可以使用jQuery以编程方式添加类或此样式,但这可能就是您所需要的. (3认同)
  • 我唯一的问题是它也会导致占位符文本为大写. (2认同)

Gaz*_*ler 14

$('input[type=text]').keyup(function() {
    $(this).val($(this).val().toUpperCase());
});
Run Code Online (Sandbox Code Playgroud)

  • 我删除了我的downvote,因为它现在做了OP要求的.但如果我是一个网站的用户做了这个"keyup"改变,**我会追捕负责人**.当你输入时看到字母改变是令人迷惑的,并且试图回去编辑你输入的内容令人沮丧,因为光标一直在移动到最后.http://jsfiddle.net/HPapz/1/ (6认同)

小智 5

使用
oninput='this.value=this.value.toUpperCase();
此事件仅适用于此类情况,在用户输入(按键)之后但在更新(显示值)之前触发,因此使用此类型的文本在转换时不会闪烁,并且值也是正确的(不像仅使用样式改变显示而不改变实际数据).