input 高级限制级用法


Posted in Javascript onMarch 26, 2009

1.取消按钮按下时的虚线框

在input里添加属性值 hideFocus 或者 HideFocus=true
2.只读文本框内容
在input里添加属性值 readonly
3.防止退后清空的TEXT文档(可把style内容做做为类引用)

<INPUT style=behavior:url(#default#savehistory); type=text id=oPersistInput>
4.ENTER键可以让光标移到下一个输入框

<input onkeydown="if(event.keyCode==13)event.keyCode=9" >
5.只能为中文(有闪动)

<input onkeyup="value=value.replace(/[ -~]/g,'')" onkeydown="if(event.keyCode==13)event.keyCode=9">
6.只能为数字(有闪动)

<input onkeyup="value=value.replace(/[^\d]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))">
7.只能为数字(无闪动)

<input style="ime-mode:disabled" onkeydown="if(event.keyCode==13)event.keyCode=9" onKeyPress="if ((event.keyCode<48 || event.keyCode>57)) event.returnValue=false">
8.只能输入英文和数字(有闪动)

<input onkeyup="value=value.replace(/[\W]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))">
9.屏蔽输入法

<input type="text" name="url" style="ime-mode:disabled" onkeydown="if(event.keyCode==13)event.keyCode=9">
10. 只能输入 数字,小数点,减号(-) 字符(无闪动)

<input onKeyPress="if (event.keyCode!=46 && event.keyCode!=45 && (event.keyCode<48 || event.keyCode>57)) event.returnValue=false">
11. 只能输入两位小数,三位小数(有闪动)

<input maxlength=9 onkeyup="if(value.match(/^\d{3}$/))value=value.replace(value,parseInt(value/10)) ;value=value.replace(/\.\d*\./g,'.')" onKeyPress="if((event.keyCode<48 || event.keyCode>57) && event.keyCode!=46 && event.keyCode!=45 || value.match(/^\d{3}$/) || /\.\d{3}$/.test(value)) {event.returnValue=false}" id=text_kfxe name=text_kfxe>

Javascript 相关文章推荐
使用jquery.qrcode生成彩色二维码实例
Aug 08 Javascript
深入探讨javascript中的数据类型
Mar 04 Javascript
JavaScript脚本库编写的方法
Dec 09 Javascript
jQuery表单验证简单示例
Oct 17 Javascript
js实现的简练高效拖拽功能示例
Dec 21 Javascript
使用javaScript实现鼠标拖拽事件
Apr 03 Javascript
swiper动态改变滑动内容的实现方法
Jan 17 Javascript
JS实现将链接生成二维码并转为图片的方法
Mar 17 Javascript
JS实现匀速与减速缓慢运动的动画效果封装示例
Aug 27 Javascript
vuejs实现折叠面板展开收缩动画效果
Sep 06 Javascript
vue-cli3+ts+webpack实现多入口多出口功能
May 30 Javascript
ES6之Proxy的get方法详解
Oct 11 Javascript
HTML代码中标签的全部属性 中文注释说明
Mar 26 #Javascript
JS 常用校验函数
Mar 26 #Javascript
js 动态添加标签(新增一行,其实很简单,就是几个函数的应用)
Mar 26 #Javascript
js GridView 实现自动计算操作代码
Mar 25 #Javascript
JAVASCRIPT  THIS详解 面向对象
Mar 25 #Javascript
javascript 打印页面代码
Mar 24 #Javascript
jQuery 全选效果实现代码
Mar 23 #Javascript
You might like
虫族 Zerg 魔法科技
2020/03/14 星际争霸
PHP生成Flash动画的实现代码
2010/03/12 PHP
PHP随机生成唯一HASH值自定义函数
2015/04/20 PHP
php+redis在实际项目中HTTP 500: Internal Server Error故障排除
2017/02/05 PHP
微信公众号实现扫码获取微信用户信息(网页授权)
2019/04/09 PHP
prototype Element学习笔记(篇二)
2008/10/26 Javascript
jquery的Tooltip插件 qtip使用详细说明
2010/09/08 Javascript
javascript事件委托的方式绑定详解
2015/06/10 Javascript
js判断日期时间有效性的方法
2015/10/24 Javascript
jQuery简单实现提交数据出现loading进度条的方法
2016/03/29 Javascript
微信小程序(应用号)简单实例应用及实例详解
2016/09/26 Javascript
老生常谈js中0到底是 true 还是 false
2017/03/08 Javascript
JavaScript简单拖拽效果(1)
2017/05/17 Javascript
解决layer弹层遮罩挡住窗体的问题
2018/08/17 Javascript
vue-router实现编程式导航的代码实例
2019/01/19 Javascript
使用 vue 实现灭霸打响指英雄消失的效果附demo
2019/05/06 Javascript
微信小程序接入腾讯云验证码的方法步骤
2020/01/07 Javascript
JavaScript单线程和任务队列原理解析
2020/02/04 Javascript
mapboxgl区划标签避让不遮盖实现的代码详解
2020/07/01 Javascript
使用C语言来扩展Python程序和Zope服务器的教程
2015/04/14 Python
Python合并两个字典的常用方法与效率比较
2015/06/17 Python
Python实现获取前100组勾股数的方法示例
2018/05/04 Python
Python字典中的键映射多个值的方法(列表或者集合)
2018/10/17 Python
Django中数据库的数据关系:一对一,一对多,多对多
2018/10/21 Python
Python在Matplotlib图中显示中文字体的操作方法
2019/07/29 Python
python 三种方法提取pdf中的图片
2021/02/07 Python
HTML5 贪吃蛇游戏实现思路及源代码
2013/09/03 HTML / CSS
3种方式实现瀑布流布局小结
2019/09/05 HTML / CSS
印尼网上商店:Alfacart.com
2019/03/11 全球购物
巴西网上药店:Drogaria Araujo
2021/01/06 全球购物
2015关于重阳节的演讲稿
2015/03/20 职场文书
党支部工作总结2015
2015/04/01 职场文书
小学数学教学随笔
2015/08/14 职场文书
2016年大学生实习单位评语
2015/12/01 职场文书
Python如何导出导入所有依赖包详解
2021/06/08 Python
Java中的随机数Random
2022/03/17 Java/Android