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

作者:jor 来源:中国设计秀 时间:2008-10-27 16:50:00 

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>
标签:input,表单,按钮,网页
0
投稿

猜你喜欢

  • 静态页面实现文章点击数统计的js方法

    2008-01-23 19:17:00
  • python 数据类型强制转换的总结

    2021-03-25 03:40:26
  • Python中利用sorted()函数排序的简单教程

    2022-09-13 20:26:36
  • Python Parser的用法

    2022-05-23 23:53:55
  • python数据类型_元组、字典常用操作方法(介绍)

    2021-06-22 14:06:05
  • Python3爬虫关于识别检验滑动验证码的实例

    2021-08-25 02:17:37
  • SQL Server性能的改进得益于逻辑数据库设计

    2009-10-23 13:55:00
  • Python实现对比两个Excel数据内容并标记出不同

    2022-01-26 09:42:50
  • FCKeditor新版本发布,并更名为CKeditor

    2009-09-08 13:09:00
  • 利用MySQL空间函数实现位置打卡的完整步骤

    2024-01-28 11:23:32
  • Thinkphp3.2.3反序列化漏洞实例分析

    2023-06-14 11:27:37
  • SqlServer 2005 简单的全文检索

    2024-01-18 05:00:31
  • Vite版本更新检查实现页面自动刷新的解决思路

    2024-04-27 16:17:07
  • Python实现简单的俄罗斯方块游戏

    2022-11-17 16:56:58
  • Django如何实现防止XSS攻击

    2022-04-13 10:52:39
  • Python单例模式实例详解

    2021-06-26 03:06:17
  • 用jquery写的自动提示效果

    2008-06-17 14:27:00
  • 解决pycharm回车之后不能换行或不能缩进的问题

    2023-06-11 10:45:40
  • python实现通过队列完成进程间的多任务功能示例

    2022-06-25 03:49:27
  • python闭包和装饰器你了解吗

    2022-01-11 00:46:02
  • asp之家 网络编程 m.aspxhome.com