jQuery / javascript大寫所有文本，無論id

Question

大家好我正在使用XAMPP在本地服務器上工作我的問題是我需要一些東西來將所有輸入標簽轉換為大寫的文本類型而不知道元素的id，但我無法想辦法這樣做沒有getElementsByType。

我想要的是這樣的

HTML代碼

<input type="text" id="var1">
<input type="text" id="var2"> 

JS代碼

var x=document.getElementsByTagName("input");
for(var i=0; i<x.length; i++){
    var node = x[i];
    if(node.getAttribute("type") == 'text'){
        //From my research I learnt this is how I select all text areas so I think
        //this is where uppercase transformer is going to be written but don't know how
    }
}

PS：我是jQuery和javaScript的新手

順便說一句，我不是只用英文字符工作，所以我的問題包括şçöê等字符。

Answer 1

CSS：

input{text-transform:uppercase;}

Answer 2

你不需要JS就可以使用css ，

input {
  text-transform: uppercase;
}

Answer 3

我同意其他人的看法，CSS會更好。 但是，如果您堅持在Javascript中執行此操作，則可以在if塊中執行以下操作：

node.value = node.value.toString().toUpperCase();

盡管如此，與使用CSS相比，這是一種更加強化的處理方式。

Answer 4

你shuold將其文本轉換設置為大寫：

input
{
text-transform:uppercase;
}

詳情請點擊這里