文本輸入框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的話，需要在后台進行大寫轉換操作。