`
opensuse
  • 浏览: 186474 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

input高级限制级用法

阅读更多

转自:zwws's 资料库

1.取消按钮按下时的虚线框 

XML/HTML代码
  1. 在input里添加属性值 hideFocus 或者 HideFocus=true  


2.只读文本框内容 

XML/HTML代码
  1. 在input里添加属性值 readonly  


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

XML/HTML代码
  1. <input style=behavior:url(#default#savehistory); type=text id=oPersistInput>  


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

XML/HTML代码
  1. <input onkeydown="if(event.keyCode==13)event.keyCode=9" >  


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

XML/HTML代码
  1. <input onkeyup="value=value.replace(/[ -~]/g,'')" onkeydown="if(event.keyCode==13)event.keyCode=9">  


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

XML/HTML代码
  1. <input onkeyup="value=value.replace(/[^\d]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))">   


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

XML/HTML代码
  1. <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.只能输入英文和数字(有闪动) 

XML/HTML代码
  1. <input onkeyup="value=value.replace(/[\W]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))">   


9.屏蔽输入法 

XML/HTML代码
  1. <input type="text" name="url" style="ime-mode:disabled" onkeydown="if(event.keyCode==13)event.keyCode=9">  


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

XML/HTML代码
  1. <input onKeyPress="if (event.keyCode!=46 && event.keyCode!=45 && (event.keyCode<48 || event.keyCode>57)) event.returnValue=false">   


11. 只能输入两位小数,三位小数(有闪动)

XML/HTML代码
  1. <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 高级限制级用法

    在网页设计中,`&lt;input&gt;` 标签用于创建用户可交互的文本输入框,而“高级限制级用法”是指通过添加特定属性和事件处理程序来限制用户在文本框中输入的内容类型或行为。以下是一些常见的高级限制级用法的详细说明: ...

    input高级用法input高级用法

    ### Input高级用法详解 #### 一、概述 在网页开发过程中,`input`元素是与用户交互最为频繁的HTML元素之一。通过合理地利用`input`的各种属性和事件,可以实现更为丰富的用户体验和功能。本文将根据提供的部分代码...

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

    ### JavaScript网页表单元素Input的高级用法 在Web开发中,`&lt;input&gt;`元素是构建用户交互界面的重要组成部分之一。通过JavaScript可以实现对`&lt;input&gt;`元素的高级操作,从而提升用户体验、增加表单的有效性和安全性。...

    jsp中input的高级运用

    本文将详细介绍一些`&lt;input&gt;`标签的高级用法及其与JavaScript结合的应用场景。 #### 1. 隐藏焦点效果 通过设置`hideFocus`属性为`true`,可以在用户点击`&lt;input&gt;`框时隐藏其周围的高亮效果。这通常用于改善用户体验...

    推荐个不错的表单Input的高级用法11例

    ### 表单Input的高级用法11例详解 #### 1. 取消按钮按下时的虚线框 在Web开发中,当用户点击取消按钮时,有时希望原本聚焦的`&lt;input&gt;`框不再显示聚焦状态下的虚线边框。这种需求可以通过设置`&lt;input&gt;`元素的属性来...

    Input XSS最新漏洞及利用

    Input XSS,全称为Input-Based Cross-Site ...此外,使用Content Security Policy(CSP)也可以有效地限制浏览器执行非预期的脚本。同时,开发者应该定期进行安全审计,以发现和修复这类漏洞,避免成为攻击的目标。

    input type=file 显示的浏览 改成英文

    由于浏览器的限制,我们无法直接改变“浏览”按钮的文字,但可以使用CSS的伪元素`::before`来覆盖它。然而,这种方法并不兼容所有浏览器,且需要JavaScript来处理不同浏览器的差异。 ```html input[type="file...

    高级前端工程师面试题整理1

    - (5) 表单控件增强,如`&lt;input type="date"&gt;`、`&lt;input type="email"&gt;`等; - (6) 新技术如Web Worker、WebSocket和Geolocation。 移除的元素包括`&lt;acronym&gt;`、`&lt;applet&gt;`、`&lt;basefont&gt;`等。 2. HTML5新标签的...

    jquery.maskedinput 自定义输入格式,金额,时间,秒,毫秒控件

    本文将深入探讨jQuery Masked Input插件的使用方法和应用场景。 1. **jQuery Masked Input插件介绍** jQuery Masked Input插件是一个轻量级的JavaScript库,用于在HTML输入字段中添加掩码功能。通过使用预定义的...

    jQuery输入格式的插件Masked Input Plugin

    本文将深入探讨这款插件的功能、使用方法以及应用场景。 Masked Input Plugin的核心功能在于创建“掩码”,这种掩码可以限制和格式化用户在文本框中的输入。掩码通常由特定的字符或符号组成,如电话号码、日期、...

    ADF_inputDate

    除了上述基本功能,`InputDate`还提供了更多高级特性,如日期解析器、日期模板、日期范围选择等,可以根据具体需求灵活使用。 通过熟练掌握`ADF_inputDate`组件,开发者可以创建出用户体验良好的日期输入界面,提高...

    javascript 控制input只允许输入的各种指定内容.docx

    #### 五、正则表达式的高级用法 除了上述基本应用外,还可以使用更复杂的正则表达式来满足更具体的需求: 1. **只能输入n位的数字**:`"^\d{n}$"` 2. **只能输入至少n位的数字**:`"^\d{n,}$"` 3. **只能输入m~n位...

    微信小程序中input标签详解及简单实例

    input标签还有一些高级使用方法,例如使用正则表达式来限制input标签的输入内容,或者使用keyup事件来监听input标签的变化事件。 六、结语 微信小程序中的input标签是一种非常重要的控件,它可以用于获取用户的...

    jquery封装的input file控件

    "jquery封装的input file控件"是一种解决方法,通过jQuery库来改进文件上传控件的外观和交互体验。 jQuery是一个流行的JavaScript库,它简化了DOM操作、事件处理、动画效果和Ajax交互等任务。在本案例中,开发者...

    iptables 高级使用研讨

    ### iptables 高级使用研讨知识点详解 #### 1. 基础部分 ##### 1.1 REDIRECT与DNAT的区别...通过上述知识点的学习,可以更加深入地理解iptables的工作原理及其高级使用方法,这对于网络管理员来说是非常宝贵的技能。

    PyPI 官网下载 | pygame_input-0.1.1-py3-none-any.whl

    在这个讨论中,我们将深入探讨`pygame_input`的使用方法,以及它如何提升Python游戏开发的体验。 首先,`pygame_input`并非Pygame标准库的一部分,而是由社区开发者提供的一项扩展服务。在标题提及的资源"pygame_...

    Python库 | openinput-0.0.1-py3-none-any.whl

    为了充分利用`openinput`库,开发者需要查阅官方文档或库源代码,了解其详细的使用方法和API接口。同时,实践是检验真理的唯一标准,通过编写示例代码和实际项目应用,可以更深入地理解`openinput`库的潜力和限制。 ...

    JS获取input file绝对路径的方法(推荐)

    不过,尽管直接获取本地文件的绝对路径受到限制,我们仍可以通过一些方法间接获取文件路径信息。文章中提供的脚本示例主要是为了在不同浏览器之间获取文件路径信息,尤其是对于较早版本的Firefox浏览器提供了特定的...

Global site tag (gtag.js) - Google Analytics