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 相关文章推荐
学习YUI.Ext第五日--做拖放Darg&amp;Drop
Mar 10 Javascript
jQuery 表格插件整理
Apr 27 Javascript
JavaScript闭包 懂不懂由你反正我是懂了
Oct 21 Javascript
javascript学习笔记之10个原生技巧
May 21 Javascript
jQuery实现自定义下拉列表
Jan 05 Javascript
javascript框架设计之种子模块
Jun 23 Javascript
js+css实现回到顶部按钮(back to top)
Mar 02 Javascript
bootstrap响应式表格实例详解
May 15 Javascript
Vue实现typeahead组件功能(非常靠谱)
Aug 26 Javascript
JS实现颜色的10进制转化成rgba格式的方法
Sep 04 Javascript
AjaxUpLoad.js实现文件上传
Mar 05 Javascript
vue基于Teleport实现Modal组件
May 31 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
PHP crc32()函数讲解
2019/02/14 PHP
js下关于onmouseout、事件冒泡的问题经验小结
2010/12/09 Javascript
客户端js性能优化小技巧整理
2013/11/05 Javascript
jQuery:delegate中select()不起作用的解决方法(实例讲解)
2014/01/26 Javascript
动态添加option及createElement使用示例
2014/01/26 Javascript
页面按钮禁用与解除禁用的方法
2014/02/19 Javascript
纯js代码实现未知宽高的元素在指定元素中垂直水平居中显示
2015/09/12 Javascript
JavaScript里 ==与===区别详解
2016/08/16 Javascript
Angular2 路由问题修复详解
2017/03/01 Javascript
详解用vue-cli来搭建vue项目和webpack
2017/04/20 Javascript
使用Vue开发动态刷新Echarts组件的教程详解
2018/03/22 Javascript
webpack中的热刷新与热加载的区别
2018/04/09 Javascript
Angular6新特性之Angular Material
2018/12/28 Javascript
手把手带你封装一个vue component第三方库
2019/02/14 Javascript
基于JavaScript实现简单扫雷游戏
2021/01/02 Javascript
[00:32]2018DOTA2亚洲邀请赛VG出场
2018/04/03 DOTA
Python中字典的setdefault()方法教程
2017/02/07 Python
详细分析python3的reduce函数
2017/12/05 Python
Python代码块批量添加Tab缩进的方法
2018/06/25 Python
Python基于多线程实现ping扫描功能示例
2018/07/23 Python
python中退出多层循环的方法
2018/11/27 Python
OpenCV模板匹配matchTemplate的实现
2019/10/18 Python
PyTorch中的padding(边缘填充)操作方式
2020/01/03 Python
Python实现自动打开电脑应用的示例代码
2020/04/17 Python
浅析两列自适应布局的3种思路
2016/05/03 HTML / CSS
CSS3实现可关闭的下拉手风琴菜单效果
2015/08/31 HTML / CSS
联想瑞士官方网站:Lenovo Switzerland
2017/11/19 全球购物
某公司面试题
2012/03/05 面试题
行政部总经理岗位职责
2014/01/04 职场文书
小学少先队辅导员述职报告
2015/01/10 职场文书
2015迎新晚会开场白
2015/07/17 职场文书
五年级数学教学反思
2016/02/16 职场文书
财产分割协议书
2016/03/22 职场文书
四年级作文之植物
2019/09/20 职场文书
简单聊聊Golang中defer预计算参数
2022/03/25 Golang
PyTorch device与cuda.device用法
2022/04/03 Python