网站地图    收藏   

主页 > 前端 > css教程 >

HTML input文本框 高级应用 - html/css语言栏目:htm

来源:自学PHP网    时间:2015-04-14 14:50 作者: 阅读:

[导读] 无意中打到的,说不定以后用的上。1、取消按钮按下时的虚线框在input里添加属性值hideFocus或者HideFocus=true2、只读文本框内容在input里添加属性值readonly3、防止退后清空的TEXT文档(可把...

无意中打到的,说不定以后用的上。
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">

自学PHP网专注网站建设学习,PHP程序学习,平面设计学习,以及操作系统学习

京ICP备14009008号-1@版权所有www.zixuephp.com

网站声明:本站所有视频,教程都由网友上传,站长收集和分享给大家学习使用,如由牵扯版权问题请联系站长邮箱904561283@qq.com

添加评论