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 相关文章推荐
在页面上点击任一链接时触发一个事件的代码
Apr 07 Javascript
JQuery this 和 $(this) 的区别
Aug 23 Javascript
js简单实现根据身份证号码识别性别年龄生日
Nov 29 Javascript
Jquery实现点击按钮,连续地向textarea中添加值的实例代码
Mar 08 Javascript
jquery实现的随机多彩tag标签随机颜色和字号大小效果
Mar 27 Javascript
js中的hasOwnProperty和isPrototypeOf方法使用实例
Jun 06 Javascript
JavaScript中统计Textarea字数并提示还能输入的字符
Jun 10 Javascript
基于jQuery滑动杆实现购买日期选择效果
Sep 15 Javascript
ionic由于使用了header和subheader导致被遮挡的问题的两种解决方法
Sep 22 Javascript
jQuery日程管理控件glDatePicker用法详解
Mar 29 jQuery
vue实现简单的星级评分组件源码
Nov 16 Javascript
Node.JS用纯JavaScript生成图片或滑块式验证码功能
Sep 12 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函数(ignore_user_abort)
2012/08/01 PHP
php中利用explode函数分割字符串到数组
2014/02/08 PHP
教你如何用php实现LOL数据远程获取
2014/06/10 PHP
yii操作session实例简介
2014/07/31 PHP
PHP使用星号替代用户名手机和邮箱的实现代码
2018/02/07 PHP
Jquery 组合form元素为json格式,asp.net反序列化
2009/07/09 Javascript
jQuery实现瀑布流布局详解(PC和移动端)
2020/09/01 Javascript
怎么引入(调用)一个JS文件
2016/05/26 Javascript
利用js编写响应式侧边栏
2016/09/17 Javascript
JavaScript数据结构之二叉树的删除算法示例
2017/04/13 Javascript
Angular 2 ngForm中的ngModel、[ngModel]和[(ngModel)]的写法
2017/06/29 Javascript
Vue学习笔记进阶篇之单元素过度
2017/07/19 Javascript
vue.js组件vue-waterfall-easy实现瀑布流效果
2017/08/22 Javascript
React Native实现地址挑选器功能
2017/10/24 Javascript
详解IOS微信上Vue单页面应用JSSDK签名失败解决方案
2018/11/14 Javascript
JS实现简单的文字无缝上下滚动功能示例
2019/06/22 Javascript
Node.js系列之安装配置与基本使用(1)
2019/08/30 Javascript
Vue 实现从文件中获取文本信息的方法详解
2019/10/16 Javascript
[48:38]DOTA2亚洲邀请赛 3.31 小组赛 B组 Mineski vs Secret
2018/03/31 DOTA
Python的GUI框架PySide的安装配置教程
2016/02/16 Python
Python中文编码知识点
2019/02/18 Python
python Opencv计算图像相似度过程解析
2019/12/03 Python
python中round函数如何使用
2020/06/19 Python
老生常谈CSS中的长度单位
2016/06/27 HTML / CSS
Html5调用手机摄像头并实现人脸识别的实现
2018/12/21 HTML / CSS
安纳塔拉酒店度假村及水疗官方网站:Anantara Hotel
2016/08/25 全球购物
高山背包:High Sierra
2017/11/23 全球购物
英国受欢迎的运动鞋和街头服装商店:Footasylum
2018/06/12 全球购物
德国足球商店:OUTFITTER
2019/05/06 全球购物
30岁生日感言
2014/01/25 职场文书
2014年技术员工作总结
2014/11/18 职场文书
外贸英文求职信范文
2015/03/19 职场文书
搬迁通知
2015/04/20 职场文书
2019年教师入党申请书
2019/06/27 职场文书
英文诗歌翻译方法(赏析)
2019/08/16 职场文书
Mysql关于数据库是否应该使用外键约束详解说明
2021/10/24 MySQL