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

純CSS實(shí)現(xiàn)輸入框字符自動轉(zhuǎn)為小寫或大寫

CSS

.lowercase{

text-transform:?lowercase;

}

.uppercase{

text-transform:?uppercase;

}

.capitalize{

text-transform:?capitalize;

}

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

HTML

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

完整HTML代碼

html>

純CSS實(shí)現(xiàn)輸入框字符自動轉(zhuǎn)為小寫或大寫

.lowercase{

text-transform:?lowercase;

}

.uppercase{

text-transform:?uppercase;

}

.capitalize{

text-transform:?capitalize;

}

轉(zhuǎn)換輸入框字符

小寫

大寫

首字母大寫

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

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

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。