职业IT人-IT人生活圈

 找回密码
 成为会员
搜索
查看: 1122|回复: 0

网页表单元素Input的高级用法11例

[复制链接]
只学java 发表于 2007-8-14 10:51 | 显示全部楼层 |阅读模式
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>
您需要登录后才可以回帖 登录 | 成为会员

本版积分规则

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

GMT+8, 2024-5-6 01:08 , Processed in 0.120526 second(s), 20 queries , Gzip On.

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

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