css控制輸入框大小寫

2021-09-14 03:49:36 字數 531 閱讀 5822

應用背景

實現輸入框,輸入小寫字母自動轉大寫,很多同學都會立即想到用js實現

其實還有更簡單的方法,css即可實現(僅僅是視覺上的)

.uppercase
在所有需要小寫轉大寫的元素上加上這個類名即可

瀏覽器支援

能不能繼承,能不能大寫轉小寫呢? 都可以!!!值描述

none

預設。定義帶有小寫字母和大寫字母的標準的文字。

capitalize

文字中的每個單詞以大寫字母開頭。

uppercase

定義僅有大寫字母。

lowercase

定義無大寫字母,僅有小寫字母。

inherit

規定應該從父元素繼承 text-transform 屬性的值。

textarea元素也支援此屬性

文字輸入框input實現字母大小寫轉換

文字輸入框input實現字母大小寫轉換,方法有兩種 1.通過js的onkeyup實現字母大小寫轉換 type text onkeyup this.value this.value.touppercase type text onkeyup this.value this.value.tolowerc...

用CSS控制輸入框input懸停互動樣式

製作表單的時候,實現滑鼠懸停互動效果有多種方法 1 在xhtml中直接寫入onmouseover onmouseout 指令碼就可以實現了,但這樣就違背了web標準所倡導的內容 表現相分離的原則。以後若要對此進行修改也將會很繁瑣。這樣直接寫入xhtml也會讓頁面 增加,如果只是乙個input輸入框或...

latex LaTeX如何輸入大小寫羅馬數字?

以前,幫助一同學輸入latex原始檔的時候才知道,latex不能輸入羅馬數字,搞得我好幾天都在研究和尋找,最後,終於搞定,相信大家如果使用羅馬數字,肯定不會再有問題了。如下解決方案 uppercase expandafter 將輸入大寫羅馬數字20,romannumeral20 將輸入小寫羅馬數字2...