[CSS相關] INPUT小寫轉大寫 ( 大小寫互轉 ) 非JS使用CSS就可以囉

byadmin 發表於 2015-3-31 17:00:11 , 9533人已閱讀 , 0人回應

一般在設計文字欄強制大小寫的時候 , 應該大多數的人想到都是使用JS , 例如：

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

複製代碼

但有以下兩點缺點：1. 視覺效果不好，我們會看到先顯示小寫，再變成大寫
2. 如果使用複製+貼上，將無法觸發事件

因此目前最好的方法 , 還是使用 CSS 來控制：

複製代碼

text-transform 有四個可選：

none 默認值，無轉換發生
capitalize 將每個單字的第一個字母轉換成大寫
uppercase 全部轉換成大寫
lowercase 全部轉換成小寫

喜歡0

歡迎您使用以下方式聯繫我們 , 本工作室服務時間為每日早上10:00點至晚間7:30點 ,也可點選下方 Contact us 進入留言板留下您的問題與相關聯絡資訊 , 我們將會儘快了解與回覆您。

Discuz 使用教程