Javascript 制作一个包含所有大写字母的文本区域？

我正在尝试创建一个文本区域，它只会键入大写字母，即使用户没有按住shift键或大写字母已锁定。理想情况下，无论发生什么，它都会接受输入，并自动将其移动到所有CAP。我想到的大多数方法似乎都有点笨拙，在转换之前也会显示小写

有什么建议或策略吗？

您可以使用CSS

textarea { text-transform: uppercase; }

但是，这仅在浏览器上渲染。比方说，如果您想将文本作为所有大写字母注入textarea中的脚本或db，那么您必须使用javascript的

toUpperCase（）在注入或表单提交之前

以下是示例：

html:

javascript:

var myTextArea = document.getElementsByTagName('textarea');

for(var i=0; i<myTextArea.length; i++){
    console.log('Textarea ' + i + ' output: ' + myTextArea[i].innerHTML);  //I really like jAvaScript
    console.log('Textarea ' + i + ' converted output: ' + myTextArea[i].innerHTML.toUpperCase()); //I REALLY LIKE JAVASCRIPT
}

var myTextArea=document.getElementsByTagName（'textarea'）；
对于（var i=0；iCSS:

昆廷

在CSS中创建如下样式：

文本区{
文本转换：大写；
}
尝试添加

textarea{
   text-transform: uppercase;
}

添加到文本区域。
您可以获得它
CSS:

这可以通过oninput属性实现，如下所示：

<textarea oninput="this.value = this.value.toUpperCase()">





大写文本区
使用php strtoupper（string$string）而不是使用长javascript不是很好吗
textarea { text-transform: uppercase; }

textarea{
   text-transform: uppercase;
}

textarea { text-transform: uppercase; }

<textarea oninput="this.value = this.value.toUpperCase()">