使textarea全部大寫？

Question

我正在試着製作一個只能輸入大寫字母的textarea，即使用戶沒有按住shift鍵或鎖住大寫字母。理想情況下，無論如何都會接受輸入，並自動將其轉換爲全部大寫。我想到的大多數方式看起來都很笨重，在轉換之前也會顯示小寫字母。

任何建議或策略？

Answer 1

您可以使用CSS

textarea { text-transform: uppercase; } 

然而，這僅僅呈現在瀏覽器上。假設你想將文本注入textarea中的腳本或db作爲全部大寫，那麼在注入或表單提交之前，您必須使用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 { 文本轉換：大寫; }

Answer 4

嘗試添加

textarea{ 
    text-transform: uppercase; 
} 

到文本區。

Answer 5

添加你能得到它 CSS：

textarea { text-transform: uppercase; }