软件学堂

网游分类软件分类

网页中如何实现输入的英文自动全大写

2012-11-14 来源:网络

【实例名称】

网页中如何实现输入的英文自动全大写

【实例描述】

在有些文档中需要将内容中出现的英文字母都大写,为了方便操作可在网页中将文本框的内容设置为英文自动大写。

【实例代码】

<html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>标题页-学无忧(www.xue51.com)</title> </head> <body> 输入英文小写字母,测试发生的变化<br /> <input  onkeydown="this.value=this.value.toUpperCase()"> </body> </html>

【运行效果】

 输入的英文自动全大写运行效果

【难点剖析】

本例中首先使用“onkeydown”获取用户输入字母时触发的事件,然后使用字符串对象的“toUpperCase”方法,将当前文本框值“this.value”中的英文全部转换为大写。

【源码下载】

为了JS代码的准确性,请点击:输入的英文自动全大写 进行本实例源码下载 

上一篇:JS实现简繁体转换
下一篇:JS实现特殊扩散效果

相关文章