您的位置: 龙岩金蝶软件论坛 -> 企业管理软件区域 -> 网页开发 -> HTML input文本框 高级应用
本帖共有265个阅读者
发表帖子 发表投票 回复主题
HTML input文本框 高级应用
尊贵身份标志
cyy275(管理员)
cyy275
头衔:社区公民
帮派:无帮无派
帖数:497
金钱:100000
积分:2248
注册时间:2017-5-8
楼主信息 | 留言 | Email | 主页 | 编辑 | 管理 | 离线
HTML input文本框 高级应用
无意中打到的,说不定以后用的上。
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">


今天的努力,明天的享受!
今天的无为,明天的无助!
今天的迷茫,明天的受累!
等级:管理员 参考IP地址:*.*.*.*
2017-5-8 18:33:59
Powered by 金蝶论坛 Copyright © 2011 www.xxhcom.cn. All rights reserved.