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

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

输入一个字符，是小写转换为大写，大写转换为小写，其他字符原样输出
s = input('请输入一个字符:')if 'a' <= s <= 'z':print(chr(ord(s) - 32))elif 'A' <= s <= 'Z':prin ...
python中将字符变为大写_python 输入一个字符，是小写转换为大写，大写转换为小写，其他字符原样输出...
原博文 2018-11-03 22:07 − s = input('请输入一个字符:') if 'a' <= s <= 'z': print(chr(ord(s) - 32)) elif ...
EXCEL文本函数-数字小写换大写-英文大小写互换
EXCEL中数字小写换大写方法一: 在单元格A2中输入小写数字123.12 B2处输入以下公式 =SUBSTITUTE(SUBSTITUTE(IF(A2<0,"负",&quo ...
excel小写变大写技巧
我们使用excel表格技巧来小写变大写,一般分为将字母小写变大写,另外一种是将数字小写变大写.对Excel感兴趣的朋友可加Excel学习交流群:284029260 下面分别介绍这两种情况: excel ...
html下划线输入框自动延伸,纯CSS实现从中间延展的下划线
这是我从前端客上看到的一个特效,也就是使用scaleX()实现从中间延展的下划线,缩放是从元素的中间开始的.这是我从没有想到的,X轴缩放! 在这个例子中还使用到了hover对兄弟元素的操控哦. 下面让 ...
html自动适应布局,用纯CSS实现自适应布局表格
以手机.平板等移动设备为平台的浏览行为变得越来越平常,甚至有些人叫嚣PC将死.虽然说的有些夸张,但让你的网站布局能够兼容PC和移动设备这些需求变得越来越重要.这种网页布局就是"自适应布局&q ...
html select 样式t调整_用纯css改变下拉列表select框的默认样式
**社区评论 ( Beta版 )** #0 危汤讽 2015-04-02 09:57:05 firefox浏览器支持不好,貌似是浏览器bug 回复 #1 林甩土 2015-04-03 09:06:57 ...
纯css就能实现可点击切换的轮播图，feel起来很丝滑
前言轮播图经常会在项目里用到,但是实际上用到的轮播图都是比较简单的,没有复杂的特效,这个时候如果去引入swiper那些库的话,未免就有点杀鸡焉用牛刀了. 所以不如自己手写一个,而今天我要分享的一种写 ...
html表格整体放大,纯CSS实现自适应布局表格
插件描述:如何让table元素也能表现出自适应性?按HTML5的说法,table是一个不鼓励使用的HTML标记,但现实工作中,我们避免不了的偶尔会用到它.那么,怎样让一个传统的表格也表现出自适应性呢? ...

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

转换输入框字符

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

最新文章

热门文章