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代码的准确性,请点击:输入的英文自动全大写 进行本实例源码下载