如何在使用 CSS/jQuery 键入时将输入字符更改为大写？

给定一个输入文本区域，任务是在接受用户输入的同时将小写字符转换为大写字符。它可以使用 CSS 或 JavaScript 来完成。第一种方法使用 CSS 转换属性，第二种方法使用 JavaScript 将小写字符转换为大写字符。

方法 1：此方法使用 CSS text-transform 属性将小写字符转换为大写字符，同时接受用户的输入。

示例：此示例实现了上述方法。

 
 
  
 
    
 
  

      
    
 
        GeeksForGeeks 
    
      
    

        Type in the input box in lower
        case to see the effect.
    
      
    Type Here: 
      
    


      
    

    
 
  

输出：

• 在输入框中输入之前：
  
• 在输入框中输入小写字母后：
  

方法二：

• 当用户从键盘上松开按键时，使用 keyup() 方法触发 keyup 事件。
• 使用 toLocaleUpperCase() 方法将输入转换为大写并再次将其设置为输入元素。

示例：此示例实现了上述方法。

 
 
  
 
     
        How to change Input character
        to Upper Case while typing
        using CSS/JavaScript ?
    
      
    
    

  
 
      
     
        GeeksForGeeks 
    
      
    
        Type in the input box in lower
        case to see the effect.
    
      
    Type Here: 
      
    
      
    
        $(function() {
            $('input').keyup(function() {
                this.value = this.value.toLocaleUpperCase();
            });
        });
     
 
  

输出：

• 在输入框中输入之前：
  
• 在输入框中输入小写字母后：