input常用输入框限制

本篇

1、小写自动转换成大写:  or

2、大写自动转换成小写  or

3、防止退后清空的TEXT文档

4、ENTER键可以让光标移到下一个输入框

5、只能为中文(有闪动) copyright PHPHC

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

7、只能为数字(无闪动)  or οnkeyup="if(isNaN(value)){alert('必须是数字');value='';}"

8、只能输入英文和数字(有闪动)

9、屏蔽输入法

10、只能输入 数字,小数点,减号(-) 字符(无闪动) copyright PHPHC

11、改变输入框字体的大小.按钮字体不变

<?xml:namespace prefix = mce />常用限制input的方法

1.取消按钮按下时的虚线框,在input里添加属性值 hideFocus 或者 HideFocus=true input type=submit value=提交 hidefocus=true

2.只读文本框内容,在input里添加属性值 readonly copyright PHPHC input type=text readonly

3.防止退后清空的TEXT文档(可把style内容做做为类引用) <input type=text style=behaviorurl(#default#savehistory);>

4.ENTER键可以让光标移到下一个输入框 <input type=text οnkeydοwn=if(event.keyCode==13)event.keyCode=9 >

5.只能为中文(有闪动) <input type=text οnkeyup=value=value.replace([ -~]g,'') οnkeydοwn=if(event.keyCode==13)event.keyCode=9>

6.只能为数字(有闪动) <input type=text οnkeyup=value=value.replace([^d]g,'') onbeforepaste=clipboardData.setData('text',clipboardData.getData('text').replace([^d]g,'')) >

7.只能为数字(无闪动) <input type=text style=ime-modedisabled οnkeydοwn=if(event.keyCode==13)event.keyCode=9 οnkeypress=if ((event.keyCode48 event.keyCode57)) event.returnValue=false >

8.只能输入英文和数字(有闪动)< input type=text οnkeyup=value=value.replace([W]g,'') >onbeforepaste=clipboardData.setData('text',clipboardData.getData('text').replace([^d]g,'')) >

9.屏蔽输入法 <input type=text name=url style=ime-modedisabled οnkeydοwn=if(event.keyCode==13)event.keyCode=9 10. 只能输入 数字,小数点,减号(-) 字符(无闪动) PHP爱好者俱乐部 input οnkeypress=if (event.keyCode!=46 && event.keyCode!=45 && (event.keyCode48 event.keyCode57)) event.returnValue=false >

11. 只能输入两位小数,三位小数(有闪动)< input type=text maxlength=9 οnkeyup=if(value.match(^d{3}$))value=value.replace(value,parseInt(value10)) ;value=value.replace(.d.g,'.') οnkeypress=if((event.keyCode48 event.keyCode57) && event.keyCode!=46 && event.keyCode!=45 value.match(^d{3}$) .d{3}$.test(value)) {event.returnValue=false}>

转载于:https://www.cnblogs.com/staticed/p/8549420.html

input常用输入框限制相关推荐

  1. layer ajax 输入框,layui几种常用输入框

    layui几种常用输入框 发布时间:2020-05-12 15:21:17 来源:亿速云 阅读:752 作者:Leah 这篇文章主要为大家详细介绍了layui几种常用输入框,图文详解容易学习,配合代码 ...

  2. jsp接收 input文本输入框中,无法正确显示单引号和双引号的问题

    在html的input文本输入框中,无法正确显示单引号和双引号的问题 分类: JavaScript2010-12-08 15:02 4074人阅读 评论(1) 收藏 举报 inputhtmljquer ...

  3. input/textarea 输入框点击有边框解决方法

    input/textarea 输入框点击出现类似以下的默认边框 第一种方法(直接添加样式) input{outline: none;} 第二种方法(控制聚焦时不出现边框) input:focus{ou ...

  4. html输入框的文字居中显示,input文本输入框的文字居中处理

    input测试 /*reset.css*/ body{width:960px;margin:10px auto;padding:0;font:12px/1.5 Arial, Helvetica, sa ...

  5. html input标签 显示放大镜,JS 仿支付宝input文本输入框放大组件的实例

    input输入的时候可以在后边显示数字放大镜 JS 仿支付宝input文本输入框放大组件 * { margin: 0; padding: 0; border-width: 1px; } .parent ...

  6. 输入框精确到秒html,分享下input time输入框的细节知识

    最近与type="time"类型的input输入框打了不少交道,学到了不少知识,和大家分享下. 一.关于兼容性和UI表现 1. Safari浏览器 Safari桌面端浏览器目前并不 ...

  7. input 银行卡输入框,四位一空格

    input 银行卡输入框,四位一空格 项目中遇到输入银行卡的input框,并且要求是4位一空,四位一空的问题比较容易<input type="tel" id="ba ...

  8. html input文本框样式,css 定义input文本输入框样式

    摘要 腾兴网为您分享:css 定义input文本输入框样式,找乐助手,长江e号,一点英语,天天爱等软件知识,以及多功能盒子,方寸天地,斗音,蚊声,奶牛牧场,聚好商城,滞纳金计算器,反p2p终结者,lo ...

  9. js 赋值 react input的输入框

    js 赋值 react input的输入框 javascript:(function () {setNativeValue = function (qs, value) {const element ...

最新文章

  1. PyTorch 神经网络
  2. AI市场扩大催生多样化标注需求
  3. 解决GNS3桥接本地网卡后无法跟本地网卡通信的故障。
  4. optee中MMU内存管理模型-页表的建立模型
  5. 北斗导航 | 从北一到北二再到北三,你应该知道的北斗导航系统
  6. spring框架 AOP核心详解
  7. livebos--iframe使用
  8. (转)如果知道dll文件是面向32位系统还是面向64位系统的?
  9. Git commit后,本地代码丢失解决方法
  10. 错误记录:发送广播是报空指针
  11. java基础总结06-常用api类-时间日期类
  12. 程序员干货学习资源(持续更新)
  13. Win10 开机密码破解
  14. 钢笔与矢量形状—文字路径制作印章效果
  15. VB.net 播放 WAV音乐
  16. 设计模式(二)-软件开发过程中需要遵循的设计原则
  17. malloc和calloc
  18. python爬虫中遇到“\xb5”、“xa0”等字符时报错编码错误的处理方式
  19. 群论基础速成(6):五大著名群族
  20. MATLAB第一节课基本操作与矩阵输入

热门文章

  1. mysql5.0修改字符集,查看mysql字符集及修改表结构
  2. word vba高效排版范例应用_收藏 | 原来word里面也有函数!
  3. RxJava 教程第一部分:为何使用RxJava
  4. python 反向传值_Django中reverse反转并且传递参数的方法
  5. Python基础数据类型之字符串(二)
  6. Zookeeper分布式一致性原理(八):Zookeeper典型应用场景
  7. 数据库系统概论:第九章 关系查询和关系优化
  8. java dom4j 去除空行_如何从XML文件中删除多余的空行?
  9. GNS3 cloud 连接错误_远程桌面连接服务器身份验证错误要求的函数不受支持
  10. php5.3中ZendGuardLoader与wincache冲突问题的解决方法