很多程序员都知道有时候文本框里面只想让用户输入大家与字母或数字,那么怎么实现文本框只能输大写字母或者在文本框输入内容的时候自动转换为大写呢?

今天PHP博客带大家了解一下怎么实现这个功能,其实很简单,有两种方法:

方法一:用JS实现在文本框中输入内容自动转换为大写

先在下面的文本框里面输入字母检验一下吧,

代码如下




方法二:用CSS的text-transform实现(最简单,博主推荐)
还是先来检验一下吧

代码如下:


在这里PHP博客讲一下CSS中text-transform的用法
text-transform 属性控制文本的大小写。
这个属性会改变元素中的字母大小写,而不论源文档中文本的大小写。如果值为 capitalize,则要对某些字母大写,但是并没有明确定义如何确定哪些字母要大写,这取决于用户代理如何识别出各个“词”。
text-transform有五个属性值:
none 默认。定义带有小写字母和大写字母的标准的文本。
capitalize 文本中的每个单词以大写字母开头。
uppercase 定义仅有大写字母。
lowercase 定义无大写字母,仅有小写字母。
inherit 规定应该从父元素继承 text-transform 属性的值。
浏览器支持

所有浏览器都支持 text-transform 属性。

注释:任何的版本的 Internet Explorer (包括 IE8)都不支持属性值 "inherit"。
好了,到这里怎么实现文本框只能输大写字母或者文本框内容自动转换为大写就给大家介绍完了,有不明白的朋友可以点击博客最下面的加入QQ群按钮进行交流
如果本文内容对你帮帮助,请点一下下面的分享,分享给更多需要的朋友,感谢对PHP博客的支持