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 相关文章推荐
js实现的仿新浪微博完美的时间组件升级版
Dec 20 Javascript
javaScript让文本框内的最后一个文字的后面获得焦点实现代码
Jan 06 Javascript
删除select中所有option选项jquery代码
Aug 12 Javascript
JS和JQUERY获取页面大小,滚动条位置,元素位置(示例代码)
Dec 14 Javascript
jQuery表格排序组件-tablesorter使用示例
May 26 Javascript
基于jQuery实现带动画效果超炫酷的弹出对话框(附源码下载)
Feb 22 Javascript
thinkjs 文件上传功能实例代码
Nov 08 Javascript
jQuery内容过滤选择器与子元素过滤选择器用法实例分析
Feb 20 jQuery
Vue路由前后端设计总结
Aug 06 Javascript
vue视频播放插件vue-video-player的具体使用方法
Nov 08 Javascript
使用Vue-cli 中为单独页面设置背景图片铺满全屏
Jul 17 Javascript
关于React Native 无法链接模拟器的问题
Jun 21 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
PHP 事务处理数据实现代码
2010/05/13 PHP
理解PHP中的stdClass类
2014/04/18 PHP
教你识别简单的免查杀PHP后门
2015/09/13 PHP
基于jquery实现后台左侧菜单点击上下滑动显示
2013/04/11 Javascript
js字符串转成JSON
2013/11/07 Javascript
Javascript 函数parseInt()转换时出现bug问题
2014/05/20 Javascript
Bootstrap 模态对话框只加载一次 remote 数据的完美解决办法
2017/07/09 Javascript
关于JavaScript的单双引号嵌套问题
2017/08/20 Javascript
Vue三层嵌套路由的示例代码
2018/05/05 Javascript
微信小程序 扭蛋抽奖机css3动画实现详解
2019/07/19 Javascript
vue 设置 input 为不可以编辑的实现方法
2019/09/19 Javascript
vue使用prop可以渲染但是打印台报错的解决方式
2019/11/13 Javascript
vue 解决data中定义图片相对路径页面不显示的问题
2020/08/13 Javascript
[04:26]2014DOTA2西雅图国际邀请赛 总决赛TOPPLAY
2014/07/22 DOTA
python实现的解析crontab配置文件代码
2014/06/30 Python
Python 中pandas.read_excel详细介绍
2017/06/23 Python
Windows下安装Django框架的方法简明教程
2018/03/28 Python
python儿童学游戏编程知识点总结
2019/06/03 Python
python并发编程 Process对象的其他属性方法join方法详解
2019/08/20 Python
python实现简单飞行棋
2020/02/06 Python
Python中logging日志库实例详解
2020/02/19 Python
谈谈python垃圾回收机制
2020/09/27 Python
python 带时区的日期格式化操作
2020/10/23 Python
Python3.9最新版下载与安装图文教程详解(Windows系统为例)
2020/11/28 Python
python中time、datetime模块的使用
2020/12/14 Python
HTML5 Canvas的事件处理介绍
2015/04/24 HTML / CSS
详解html5 canvas常用api总结(二)--绘图API
2016/12/14 HTML / CSS
HTML5 Canvas 实现K线图的示例代码
2019/12/23 HTML / CSS
马来西亚最大的电器网站:Senheng
2017/10/13 全球购物
Mountain Warehouse波兰官方网站:英国户外品牌
2019/08/29 全球购物
销售辞职报告范文
2014/01/12 职场文书
中学感恩教育活动总结
2015/05/05 职场文书
学校百日安全活动总结
2015/05/07 职场文书
创业计划书之少年玩具店
2019/09/05 职场文书
详解如何用Python实现感知器算法
2021/06/18 Python
PHP中国际化的字符串排序和比较对象详解
2021/08/23 PHP