現在需要把一個input輸入框內的字母自動轉變為大寫。 查了下資料,目前收集到的方法有兩種:使用JavaScript,在input標簽添加onkeyup方法,將字元轉為大寫。使用CSS,給input設置樣式。區別:使用JavaScript會給用戶一種轉換感,使用CSS是把輸入的字母顯示為大寫。所以從... ...
現在需要把一個input輸入框內的字母自動轉變為大寫。
查了下資料,目前收集到的方法有兩種:
- 使用JavaScript,在input標簽添加onkeyup方法,將字元轉為大寫。
<input name="text" type="text" onkeyup="this.value=this.value.toUpperCase()" />
- 使用CSS,給input設置樣式。
<input type="text" style="text-transform:uppercase;" />
區別:
使用JavaScript會給用戶一種轉換感,使用CSS是把輸入的字母顯示為大寫。所以從用戶體驗來說,使用css會更好!不過使用css的話,需要在後臺進行大寫轉換操作。