文本輸入框input實現字母大小寫轉換，方法有兩種：

1.通過js的onkeyup實現字母大小寫轉換

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

此方法會在頁面上有轉換過程的顯示。

2.通過css控制input顯示的大小寫轉換

使用text-transform實現大小寫轉換：

• text-transform:none;默認值，不轉換
• text-transform:uppercase;字母轉換大寫
• text-transform:lowercase;字母轉換小寫
• text-transform:capitalize;首字母大寫

<input type="text" style="text-transform:uppercase;" />

此方法并不會把input的value轉換成大小寫，后臺保存仍需要做大小寫的轉換。

總結

以上是生活随笔為你收集整理的文本输入框input实现字母大小写转换的全部內容，希望文章能夠幫你解決所遇到的問題。

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