将输入表单的值变大写

游鹄君2025年4月30日小于 1 分钟

示例代码

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>将输入的值变成大写</title>
</head>
<body>
  <input type="text" id='texts' placeholder="请输入!">
 
  <script type="text/javascript">
  var texts=document.getElementById('texts');
  //键盘压下事件
  texts.onkeydown=function(e)
  {
    //console.log(e);查看e对象
    var intt=e.key.toUpperCase();
 
    if(intt.length=='1')
    {
     this.value+=intt;
 
     return false;
    }
    else
    {
     return true;
    }
 
  }
  </script>
</body>
</html>