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 相关文章推荐
通过MSXML2自动获取QQ个人头像及在线情况(给初学者)
Jan 22 Javascript
jQuery UI-Draggable 参数集合
Jan 10 Javascript
深入理解JQuery keyUp和keyDown的区别
Dec 12 Javascript
原生js实现淘宝首页点击按钮缓慢回到顶部效果
Apr 06 Javascript
Jquery中CSS选择器用法分析
Feb 10 Javascript
js动态修改表格行colspan列跨度的方法
Mar 30 Javascript
跟我学习javascript的prototype,getPrototypeOf和__proto__
Nov 17 Javascript
Bootstrap项目实战之首页内容介绍(全)
Apr 25 Javascript
jQuery的实例及必知重要的jQuery选择器详解
May 20 Javascript
关于angularJs指令的Scope(作用域)介绍
Oct 25 Javascript
微信小程序上线发布流程图文详解
May 06 Javascript
vue常用高阶函数及综合实例
Feb 25 Vue.js
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
基于mysql的bbs设计(四)
2006/10/09 PHP
Kindeditor编辑器添加图片上传水印功能(php代码)
2017/08/03 PHP
PHP检查端口是否可以被绑定的方法示例
2018/08/09 PHP
php测试kafka项目示例
2020/02/06 PHP
JavaScript中也使用$美元符号来代替document.getElementById
2010/06/19 Javascript
node.js WEB开发中图片验证码的实现方法
2014/06/03 Javascript
JS实现为排序好的字符串找出重复行的方法
2016/03/02 Javascript
微信小程序中实现一对多发消息详解及实例代码
2017/02/14 Javascript
详解nodejs操作mongodb数据库封装DB类
2017/04/10 NodeJs
vuex学习之Actions的用法详解
2017/08/29 Javascript
vue父组件向子组件传递多个数据的实例
2018/03/01 Javascript
Phaser.js实现简单的跑酷游戏附源码下载
2018/10/26 Javascript
fastadmin中调用js的方法
2019/05/14 Javascript
详解微信小程序之提高应用速度小技巧
2020/01/07 Javascript
[02:12]DOTA2英雄基础教程 变体精灵
2013/12/16 DOTA
[00:13]天涯墨客二技能展示
2018/08/25 DOTA
用Python写飞机大战游戏之pygame入门(4):获取鼠标的位置及运动
2015/11/05 Python
轻松掌握python设计模式之策略模式
2016/11/18 Python
Python AES加密实例解析
2018/01/18 Python
python生成密码字典的方法
2018/07/06 Python
Tensorflow使用支持向量机拟合线性回归
2018/09/07 Python
python3使用matplotlib绘制散点图
2019/03/19 Python
python3读取图片并灰度化图片的四种方法(OpenCV、PIL.Image、TensorFlow方法)总结
2019/07/04 Python
Python和Sublime整合过程图示
2019/12/25 Python
如何基于pandas读取csv后合并两个股票
2020/09/25 Python
python 制作网站筛选工具(附源码)
2021/01/21 Python
html5文本内容_动力节点Java学院整理
2017/07/11 HTML / CSS
开放系统互连参考模型
2016/06/29 面试题
大班幼儿评语大全
2014/04/30 职场文书
商铺消防安全责任书
2014/07/29 职场文书
先进事迹材料范文
2014/12/29 职场文书
童年读书笔记
2015/06/26 职场文书
幼儿园春季开学通知
2015/07/16 职场文书
Python爬虫之用Xpath获取关键标签实现自动评论盖楼抽奖(二)
2021/06/07 Python
Element实现动态表格的示例代码
2021/08/02 Javascript
Nginx 匹配方式
2022/05/15 Servers