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

Answer 2

请在输入“onkeydown”操作

上调用此函数

<input type="text" id="id" name="name" value="value" onkeydown="makeUppercase()" />
    function makeUppercase() {
    document.form_name.name.value = document.form_name.name.value.toUpperCase();
    }

Answer 3

尝试

<input type="text" style="text-transform: uppercase">

Demo - JSFiddle

Answer 4

试试这个..

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

或者

var inputField = document.getElementById('id');
inputField.onkeyup = function(){
    this.value = this.value.toUpperCase();
}

Answer 5

简单地将css规则设置为text-transform为小写，然后提交小写JS或服务器端小写字符串是不是更容易？

textarea{    
    text-transform:lowercase;    
}

CSS text-transform fiddle (with JS lowercase)

使用JS进行操作可能会使字符串越长，浏览器的工作时间越长。

Answer 6

另一种方法:( 刚试过，工作正常）

$('.result').keydown(function(e){
    e.preventDefault();
    this.value += String.fromCharCode(e.keyCode);
});

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

6 个答案: