手機輸入框第一個英文字母大寫

Paul Li
方才聽到一個有趣的問題, 由於 iOS 對於 input field 輸入時, 預設小鍵盤都會針對第一個英文字母作大寫的動作, 這時候 back end 對於該欄位的檢查寫的比較不靈活, 不會幫 user 轉為小寫再檢查時, 就會出現錯誤! 其實這類的問題可以透過 front end 來解喔! (當然 back end 的修正與檢查亦不能少), 以下介紹相關的解法

※ CSS:
input[type="text"] {text-transform: lowercase;}

※ HTML:
<input autocapitalize="off" autocorrect="off" type="text">

對於該 element 只要掛上 autocapitalize & autocorrect 這兩個 attribute 就可以有效阻止 OS default 的行為喔!

希望對大家有所助益!