對于輸入框的字符，如果要求只能輸入小寫或大寫，怎么處理？js實現？提交到后臺程序轉換？其實很簡單，CSS就有這個功能，一條語句就搞定。

純CSS實現輸入框字符自動轉為小寫或大寫

CSS

.lowercase{

text-transform:?lowercase;

}

.uppercase{

text-transform:?uppercase;

}

.capitalize{

text-transform:?capitalize;

}

解釋：text-transform 屬性控制文本的大小寫。這個屬性會改變元素中的字母大小寫，而不論源文檔中文本的大小寫。lowercase 定義字母為小寫，uppercase 定義字母為大寫，如果值為 capitalize，則要對首字母大寫。

HTML

解釋：input標簽使用class的值來控制文本大小寫。

完整HTML代碼

html>

純CSS實現輸入框字符自動轉為小寫或大寫

.lowercase{

text-transform:?lowercase;

}

.uppercase{

text-transform:?uppercase;

}

.capitalize{

text-transform:?capitalize;

}

轉換輸入框字符

小寫

大寫

首字母大寫

解釋：bootstrap.css不是必須文件，它只是本案例用到的布局設計樣式文件。

《新程序員》：云原生和全面數字化實踐50位技術專家共同創作，文字、視頻、音頻交互閱讀

總結

以上是生活随笔為你收集整理的html金额输入框转大写,纯CSS实现输入框字符自动转为小写或大写的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。