html金额输入框转大写,纯CSS实现输入框字符自动转为小写或大写

对于输入框的字符，如果要求只能输入小写或大写，怎么处理？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不是必须文件，它只是本案例用到的布局设计样式文件。