如何設置文本框的屬性，以大寫

我用下面的風格屬性，所以當我開始在文本框中輸入想「railway'then應該得到像文本框中輸入‘鐵路’不按CapsLock鍵如何設置文本框的屬性，以大寫

<input type = "text" class = "normal" name = "Name" size = "20" maxlength = "20"> <img src="../images/tickmark.gif" border="0" style='text-transform:uppercase'/>

但我不使用該屬性

來源

2012-06-19 ybc126

最好的方法是改變表單上的樣式來顯示大寫：

input.normal 
{ 
    text-transform:uppercase; 
}

SEE EXAMPLE

但是，這實際上並不會將字符串轉換爲大寫字母，只是將其設置爲以這種方式顯示。

因此，則當數據被提交，使用任何服務器端語言將字符串轉換爲大寫在數據庫中存儲等。例如與.NET的目的，你會怎麼做：

str.ToUpper();

來源

2012-06-19 11:12:43 Curt

你可以做到這一點使用CSS獲得所需的輸出，如果你只關心文體方面：

.normal { text-transform: uppercase; }

如果你需要個e文本本身是全部大寫的（這可能是你的意思，對不起），結合一些jQuery（它也可以不使用jQuery來完成，但它有什麼意義？）：

$('.normal').change(function() { 
    $(this).val($(this).val().toUpperCase()); 
});

實施例：http://jsfiddle.net/HackedByChinese/QwSSe/1/

來源

2012-06-19 11:12:43 HackedByChinese

其值得注意的價值並不實際轉換爲大寫然而http://stackoverflow.com/a/11099756/370103 – Curt

好點。正在更新... – HackedByChinese

您需要把你的文本轉換到你的輸入標籤中，而不是你的圖片標籤。喜歡這個。

<input type = "text" class = "normal" name = "Name" style="text-transform:uppercase;" size = "20" maxlength = "20"> 
<img src="../images/tickmark.gif" border="0"/>

來源

2012-06-19 11:14:15

該死的忍者3分鐘內：（ –

其值得注意的價值並不實際轉換爲大寫但http://stackoverflow.com/a/11099756/370103 – Curt

回答

相關問題