职业IT人-IT人生活圈

 找回密码
 成为会员
搜索
查看: 2329|回复: 5

网页表单Input的高级限制级用法

[复制链接]
那日多吉 发表于 2007-8-15 10:03 | 显示全部楼层 |阅读模式
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,&#39;&#39;)\" onkeydown=\"if(event.keyCode==13)event.keyCode=9\">

6.只能为数字(有闪动)
  <input onkeyup=\"value=value.replace(/[^\\d]/g,&#39;&#39;) \"onbeforepaste=\"clipboardData.setData(&#39;text&#39;,clipboardData.getData(&#39;text&#39;).replace(/[^\\d]/g,&#39;&#39;))\">

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,&#39;&#39;)\" onbeforepaste=\"clipboardData.setData(&#39;text&#39;,clipboardData.getData(&#39;text&#39;).replace(/[^\\d]/g,&#39;&#39;))\">


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,&#39;.&#39;)\" 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>
joe 发表于 2009-5-19 16:03 | 显示全部楼层
好。
Edwin 发表于 2009-6-16 12:43 | 显示全部楼层
不错喔~
要狠 发表于 2009-6-16 22:13 | 显示全部楼层
不错
紫衿 发表于 2011-7-18 09:49 | 显示全部楼层
呵呵 大家好奇嘛 来观看下~~~~
有烟没火 发表于 2011-7-26 18:52 | 显示全部楼层
笨点也好~~~~
您需要登录后才可以回帖 登录 | 成为会员

本版积分规则

QQ|手机版|小黑屋|网站帮助|职业IT人-IT人生活圈 ( 粤ICP备12053935号-1 )|网站地图
本站文章版权归原发布者及原出处所有。内容为作者个人观点,并不代表本站赞同其观点和对其真实性负责,本站只提供参考并不构成任何投资及应用建议。本站是信息平台,网站上部分文章为转载,并不用于任何商业目的,我们已经尽可能的对作者和来源进行了通告,但是能力有限或疏忽造成漏登,请及时联系我们,我们将根据著作权人的要求立即更正或者删除有关内容。

GMT+8, 2024-4-27 07:03 , Processed in 0.112567 second(s), 20 queries , Gzip On.

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

快速回复 返回顶部 返回列表