"菜鸟IT"的博客 (
WWW.17WX.NET
)
熟悉HTML网站的前端美工到切图制作,搭配DIV+TABLE+CSS,熟悉Fireworks和Dreamwear的网站制作实战应用,专注于学习和记录JS脚本对于网页改造的各种新奇技术.平时的工作既要做销售,也要做前端开发,也要做后期的客户售后维护,此博客为博主自己平时的IT工作的实战学习笔记,记录自己工作和学习中遇到的各种坑,也分享给有需要的新人...
博客首页
网站前端制作
网赚
软件应用
Windows系统
Python
谷歌联盟提供的广告↓
[网站前端制作]有关标签↓
CSS
|
HTML
|
DIV
TABLE
|
Script_JS
form
|
iframe
[网赚]有关标签↓
谷歌联盟
|
西联汇款
加入谷歌联盟注意事项
[软件应用]有关标签↓
Fireworks
|
Dreamwear
Excel
|
MS_SQL
[Windwos系统]有关标签↓
IIS
|
服务器故障与安全
电脑问题和技巧
网站常用SEO图标代码
私密隐藏似友情链接
站长常用工具网站
腾讯企业邮箱管理入口
★ 上海一网通办
★ Python技巧【处理:字符串、列表、元组、字典】★
快递搜·YD·追踪api客户账单后台
快递搜·YD·管理员后台
|
菜鸟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] 访问:3243
[
关闭窗口
]
※※相关信息专题※※
§
Scrit_JS
Google公司(谷歌联盟)提供的广告↓
本页的htm伪静态链接网址:
分享链接加载中....
收藏链接:
www.ems-help.com
|
www.17post.com
|
www.17track.wang
|
www.kd100.wang
|
www.17wx.net
|
www.11185cha.com
|
www.sftrack.net
|
www.kdjiage.com
|
m.kdjiage.com
|
www.expba.net
|
m.expba.net
|
www.pptrack.net
学习Python的关键点
【1】
★ Python:解决小数点后面四舍五入的精度丢失问题(二进制转换导致,另解决prec动态保留小数点后多少位)
【2】
★ Python:单个py文件打包exe程序
【3】
★ 给自己写的exe程序加上注册授权保护
【4】
★ Python的http请求超时设置(timeout)| 异常类型/捕获异常
【5】
★ Python的多线程的线程池的使用| ThreadPoolExecutor
【6】
★ Python能用到的免费代理IP网址
【7】
★ Python_用于测试代理IP是否有效
【8】
★ Python Requests post() 方法 | post方式提交api
【9】
★★★ Python Tkinter Gui视频学习教程
【10】
★★★ Python 小项目实战-视频学习教程
【11】
★★★ Python 爬虫项目实战-视频教程
【12】
★★★ 高级进阶的关于python的五本书: 「Python从菜鸟到高手」、「html5+css3+JavaScript从入门到精通」、「Django Web应用开发实战」、「漫画算法」
【13】
★★★ Request库-爬虫
【14】
★★★ Python 图形识别文字
【15】
★★★ Python 滑动验证码识别【图文教程】
【16】
★★★ Python 滑动验证码识别【视频教程】
【18】
★★★ Python 关于Class类的应用【视频教程】
【19.1】
★★★ Python 关于进度条的制作(1)
【19.2】
★★★ Python 关于进度条的制作(2)
【20】
★★★ Python 抓取某宝的商品信息
【21】
★★★ Python 一小时学会全栈开发浏览器版本的企业管理系统【视频教程】
【22】
★★★ Python 全栈开发——前端+后端【视频教程】
【23】
★★★ Layui 浏览器前端模块化UI框架
【24】
★★★ Python-Django-Web应用开发【视频教程】
【25】
★★★ Python 从0开始学【视频教程】
【26】
★★★ Python的tkinter界面打包exe以后关于icon图标报错的解决办法!
【27】
★★★ Python的tkinter视频学习教程【N个系统性学习合集视频】★★★
【28】
★★★ Python全栈开发【视频教程】★★★
Copyright © 17WX.NET 版权所有
Manage
沪ICP备13006304号-5
沪公网安备31011702006630号
,
sitemap.html
,
sitemap.xml
网站人气值: