简要咨询咨询QQ网站导航网站搜索手机站点联系我们设为首页加入收藏 

input type是什么意思及常用限制input的方法

来源:易贤网   阅读:1497 次  日期:2016-06-16 09:20:24

温馨提示:易贤网小编为您整理了“input type是什么意思及常用限制input的方法”,方便广大网友查阅!

常用限制input的方法

1.取消按钮按下时的虚线框,在input里添加属性值 hidefocus 或者hidefocus=true

代码如下:

<input type=submit value=提交 hidefocus=true />

2.只读文本框内容,在input里添加属性值 readonly

代码如下:

<input type=text readonly />

3.防止退后清空的text文档(可把style内容做做为类引用)

代码如下:

<input type=text style=behavior:url(#default#savehistory); />

4.enter键可以让光标移到下一个输入框

代码如下:

<input type=text onkeydown=if(event.keycode==13)event.keycode=9 />

5.只能为中文(有闪动)

代码如下:

<input type=text onkeyup=value=value.replace(/[ -~]/g,'') onkeydown=if(event.keycode==13)event.keycode=9 />

6.只能为数字(有闪动)

代码如下:

<input type=text onkeyup=value=value.replace(/[^\d]/g,'') onbeforepaste=clipboarddata.setdata('text',clipboarddata.getdata('text').replace(/[^\d]/g,'')) />

7.只能为数字(无闪动)

<input type=text 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 type=text 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 type=text 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} />

更多信息请查看网页制作
点此处就本文及相关问题在本站进行非正式的简要咨询(便捷快速)】     【点此处查询各地各类考试咨询QQ号码及交流群
上一篇:解决ajax跨域请求数据cookie丢失问题
下一篇:html元素:dd
易贤网手机网站地址:input type是什么意思及常用限制input的方法
由于各方面情况的不断调整与变化,易贤网提供的所有考试信息和咨询回复仅供参考,敬请考生以权威部门公布的正式信息和咨询为准!