jquery - 用户在字段中键入时如何将文本字段数据转换为大写？

Question

有一个文本框:<input type="text" id="id" name="name" value="value" />

如何让输入的数据在输入时变成大写？

Answer 1

使用 keyup() 和 toUpperCase()..

$('#id').keyup(function(){
    $(this).val($(this).val().toUpperCase());
});

或使用 DOMelement

$('#id').keyup(function(){
 this.value=this.value.toUpperCase();
});

或者只使用 CSS(根本不使用 javascript)

 #id{
    text-transform:uppercase;
 }

using CSS fiddle

fiddle here