软件下载 | 资讯教程 | 最近更新 | 下载排行 | 一键转帖 | 发布投稿
您的位置:最火下载站 > Web前端 > 工具与技巧 > 文本框Input中字母大写小写转换的代码

文本框Input中字母大写小写转换的代码

  烈火网的下载栏目因为网站编辑需要,经常要把URL的名字定义为软件名称,但是软件的名称一般都写首写或全部写为大写状态,这样在定义URL时复制过来的文本就不规范了,于是想到用JS和CSS来实现文本框Input中字母大写小写转换功能。

  首先,烈火下载(www.veryhuo.com/down)要实现的是在文本框输入大写字母自动转换为小写,代码是:


提示:可修改后代码再运行!

  通过上面的实现,我们可以举一反三了,把toLowerCase()修改为toUpperCase()就可以了嘛,再来看看效果:


提示:可修改后代码再运行!

  后来,一个站长朋友提出使用CSS实现的方法,这个方法可以实现表面上的小写转大写,但是在提交表单和复制粘贴时是不起作用的,看演示:


提示:可修改后代码再运行!

    相关阅读
    网友评论
    栏目导航
    推荐软件