文本輸入框input text輸入字母自動轉大寫

  如今須要把一個input輸入框內的字母自動轉變爲大寫。

  查了下資料，目前收集到的方法有兩種：

1. 使用JavaScript，在input標籤添加onkeyup方法，將字符轉爲大寫。

   <input name="text" type="text" onkeyup="this.value=this.value.toUpperCase()" />

2. 使用CSS，給input設置樣式。

   <input type="text" style="text-transform:uppercase;" />

區別：

使用JavaScript會給用戶一種轉換感，使用CSS是把輸入的字母顯示爲大寫。因此從用戶體驗來講，使用css會更好！不過使用css的話，須要在後臺進行大寫轉換操做。