菜鸟IT的博客
"菜鸟IT"的博客 (WWW.17WX.NET)
熟悉HTML网站的前端美工到切图制作,搭配DIV+TABLE+CSS,熟悉Fireworks和Dreamwear的网站制作实战应用,专注于学习和记录JS脚本对于网页改造的各种新奇技术.平时的工作既要做销售,也要做前端开发,也要做后期的客户售后维护,此博客为博主自己平时的IT工作的实战学习笔记,记录自己工作和学习中遇到的各种坑,也分享给有需要的新人...
博客首页 网站前端制作 网赚 软件应用 Windows系统
谷歌联盟提供的广告↓
[网站前端制作]有关标签↓
[网赚]有关标签↓
[软件应用]有关标签↓
[Windwos系统]有关标签↓
 | 
菜鸟IT的博客 >> 网站前端制作

让input输入的小写字母强制转成大写字母,解决中文输入法输入重复的字母,光标乱跳不稳
有人提出用CSS的方案:
在css里加一段这个 → input{text-transform:uppercase}
或者在input上直接加1个这个 → style="text-transform:uppercase"
样式表仅仅只是控制1个显示而已,
但是提交的值,仍然是小写。
————————————————————————
也有人提出在input代码直接加上这个↓
onKeyUp="this.value=this.value.toUpperCase()"
或者
oninput="this.value=this.value.toUpperCase();"
这个是解决把输入的值里的小写转换大写的问题。
但是又带来新的问题,那就是中文输入法输入的字母的时候,光标不稳定,而且会输入重复字母!
————————————————————————


完美解决↓

<script type="text/javascript">
document.getElementById("cno").oninput=function(){
this.value=this.value.toUpperCase();
};
</script>

——————————

如果同1个动态页面有多个input,也可以加载2个额外的js
这个放head里 → <script src="jquery-1.11.3.min.js"></script>这个JS自己去百度下载即可。

然后把下面这个JS脚本放在你的页面底部的</BODY>之前。
<script type="text/javascript">
$(function(){
$("input[name='cno']").on("input propertychange",function(){
$(this).val($(this).val().toUpperCase());
});
});
</script>

菜鸟IT博客[2019.08.23-10:44] 访问:282
[关闭窗口]  
  ※※相关信息专题※※

§Scrit_JS

Google公司(谷歌联盟)提供的广告↓
本页的htm伪静态链接网址:分享链接加载中....

收藏链接: www.ems-help.com | www.17ckd.com | www.17post.com | m.17ckd.com | www.17track.wang | www.kd100.wang | www.17ckd.com/p1 | www.17ckd.com/p0 | www.17wx.net | www.17ckd.com/17tracking | www.11185cha.com | yf.17ckd.com | yfm.17ckd.com | www.sftrack.net | www.17htm.net | www.kdjiage.com | m.kdjiage.com | www.expba.net | m.expba.net
网赚平台排名链接:
【1】百家号(百度):https://baijiahao.baidu.com/ | 【2】企鹅号(腾讯):https://om.qq.com/ | 【3】大鱼号(阿里):https://om.qq.com/
【3】搜狐号(搜狐):https://mp.sohu.com/ | 【4】网易号(网易):http://mp.163.com/
Copyright © 17WX.NET 版权所有 Manage 沪ICP备13006304号-5 沪公网安备31011702006630号
,sitemap.html,sitemap.xml
网站人气值: