做一个全大写的文本？

Question

我正在尝试创建一个文本区域，即使用户没有按住shift键或锁定了大写字母，它也只能输入大写字母。理想情况下，这将接受输入，并自动将其全部转换为大写字母。我想的大多数方式看起来有点笨拙，而且在转换之前也会显示小写。

有什么建议或策略吗？

Answer 1

您可以使用CSS

textarea { text-transform: uppercase; }

但是，这只在浏览器上呈现。比方说，如果你想把文本全部大写地注入到文本区域中的脚本或数据库中，那么在注入或表单提交之前，你必须使用javascript的toUpperCase();。

以下是jsfiddle示例：

html：

<textarea>I really like jAvaScript</textarea>

css：

textarea{
 text-transform: uppercase;
}

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
}

Answer 2

CSS：

textarea { text-transform: uppercase; }

Answer 3

昆汀

在CSS中创建如下样式：

textarea{ text-transform:大写；}