汽車爲桌面瀏覽器capitilize Html文本框[鉻，Safari，Firefox ...]

我在網上搜索，但所有的解決方案都是移動只。 Chrome，Firefox或Safari等桌面瀏覽器是否有任何autocapitalize屬性不在移動設備中。汽車爲桌面瀏覽器capitilize Html文本框[鉻，Safari，Firefox ...]

我真正想要做的是，我想創建一個輸入文字，並在場景中，當用戶類型的東西，輸入必須用大寫字母

開始有沒有辦法做到這一點

來源

2013-12-11 Mehmet Eren Yener

可能重複的[使得在CSS的第一個字符大寫]（http://stackoverflow.com/questions/5577364/make-the-first-character-uppercase-in- css） –

文本應該以大寫字母顯示，還是應該實際更改，以便表單提交時提交的輸入有大寫字母？ –

嘗試：

input { 
    text-transform: capitalize; 
}

See this fiddle here

要在回答延長，如果你想第一個字母上提交資本化，你需要以添加一些JavaScript，例如：

$('input[type="text"]').keyup(function(evt){ 

     // force: true to lower case all letter except first 
     var cp_value= ucfirst($(this).val(),true) ; 

     // to capitalize all words 
     //var cp_value= ucwords($(this).val(),true) ; 


     $(this).val(cp_value); 

    });

（From this post）

或者在服務器側執行某些後處理（例如，通過使用例如的in phpucfirst($string);

來源

2013-12-11 17:01:00 SW4

感謝您的解決方案，它適用於每個瀏覽器 –

@ user1929072這是否回答您的問題？請注意，雖然此**顯示**大寫字母的文本，但實際文本保持不變。所以當表單提交時，你會得到沒有大寫字母的文字。 –

@Nic，我已經用一些選項擴展了答案 – SW4

input{ 
    text-transform: capitalize; 
}

http://jsfiddle.net/RtA4k/

來源

2013-12-11 17:04:38

汽車爲桌面瀏覽器capitilize Html文本框[鉻，Safari，Firefox ...]

回答

相關問題