`
f002489
  • 浏览: 271518 次
  • 性别: Icon_minigender_1
  • 来自: 成都
社区版块
存档分类
最新评论

[转]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>

 

分享到:
评论

相关推荐

    file input 按钮国际化

    为了使网站或应用对全球用户友好,我们需要将其文本翻译成目标语言,这就是“file input 按钮国际化”的目标。 实现这个功能的方法有多种,下面介绍几种常见的技术: 1. **使用HTML5的`lang`属性**:HTML5允许我们...

    android input 事件的获取

    InputReader 负责从硬件设备读取事件,InputDispatcher 负责将事件分发给应用程序,InputManager 负责管理所有的 input 设备。 2. 创建流程 Input System 的创建流程开始于系统启动时,系统会创建 InputManager ...

    angular input 输入格式化

    angular input 输入格式化

    kettle转换xml(XML Input Stream (StAX))

    首先,XML(Extensible Markup Language)是一种用于存储和传输结构化数据的标准格式,广泛应用于数据交换、配置文件等领域。StAX(Streaming API for XML)是Java平台上的一个API,它提供了一种低级别的XML解析方式...

    C# 基于 directinput 操控手柄

    1. **初始化DirectInput**: 在程序启动时,我们需要创建一个DirectInput实例,并设置其设备类型为游戏手柄。这通常涉及到调用`DirectInput.Create`方法,并检查返回的对象是否为空,以确保初始化成功。 2. **枚举...

    SPSS input SPSS input

    SPSS input SPSS inputSPSS input SPSS inputSPSS input SPSS input

    文本框Input中字母大写小写转换的代码

    首先,要实现的是在文本框输入大写字母自动转换为小写, 其次,在文本框输入小写字母自动转换为大写, 以及使用CSS实现的方法,这个方法可以实现表面上的小写转大写,但是在提交表单和复制粘贴时是不起作用的.

    linux input子系统 内核与应用 接口 分析详解

    1. **/dev/input**:Linux内核通过在/dev/input目录下创建设备节点,为用户提供访问输入设备的接口。每个输入设备对应一个设备节点,用户空间的应用可以通过打开、读取和关闭这些节点来获取事件。 2. **Evdev**:...

    ChineseInput

    同时,个性化推荐和深度学习模型的引入也将使"ChineseInput"更加精准地理解用户需求,提供更个性化的输入建议。 总结,"ChineseInput"作为一款基于T9输入法的汉字输入工具,以其高效、简洁的设计理念,为中文用户...

    Android input系统.pdf

    Android的input系统获取用户输入, 分发给特定的接收者(Framework或应用程序)进行处理, 这个流程涉及到以下一些模块:  InputReader.cpp : 负责从硬件获取输入, 转换成事件(Event), 并分发给Input Dispatcher. ...

    date_input插件

    使用 date_input 插件非常简单,只需要对目标元素应用插件即可: ```html &lt;input type="text" id="datePicker" /&gt; $(document).ready(function() { $('#datePicker').date_input(); }); ``` 上述代码会在 `#...

    directinput rawinput vc源码

    DirectInput和RawInput是Windows API中的两种输入处理技术,主要用于游戏和其他对用户输入有精确需求的应用程序。在本文中,我们将深入探讨这两种技术,并通过VC++(Visual C++)源码来理解它们的工作原理。 首先,...

    GoogleJapaneseInput

    总的来说,Google Japanese Input作为一款专业级的日文输入法,凭借其高效、智能、跨平台和个性化的特点,为日文使用者提供了一个强大而便捷的工具。无论是在学术研究、商务沟通还是日常娱乐中,都能帮助用户实现...

    foo_input_sacd

    在数字音频领域,SACD(Super Audio CD,超级音频CD)是一种高解析度的音频格式,为音乐爱好者提供了超越传统CD音质的体验。为了在个人电脑上播放SACD的ISO镜像文件,`foo_input_sacd` 是一个必不可少的工具。这个...

    Sougou Input

    Sougou Input是一款在中国广泛应用的输入法软件,它以其高效、智能和易用性而深受用户喜爱。本文将深入探讨Sougou ...通过不断的技术创新和优化,Sougou Input致力于为用户提供更便捷、更个性化的文字输入解决方案。

    linux input subsystem 剖析

    设备驱动负责初始化设备,处理中断,读取设备的原始数据,并将这些数据封装成input_event结构体。 2. **input层**:这一层位于设备驱动和用户空间之间,它接收来自设备驱动的事件,进行必要的转换和过滤,然后通过...

    美化input

    实际开发中,还可以根据项目需求添加更多细节,如圆角边框、背景颜色变化、阴影效果等,以打造更具个性化的输入框设计。在不断优化用户体验的过程中,设计师和开发者应始终关注无障碍性,确保所有用户都能方便地使用...

    Directx Input输入库实现

    然后创建DirectInput对象,初始化设备,设置事件回调,最后在主循环中轮询设备状态,处理用户输入。 6. **优化与注意事项**:在实际使用DirectInput时,需要注意内存管理和性能优化,避免不必要的设备扫描和过多的...

    antd-input-tag.zip

    5. **多语言支持**:Antd提供多种语言的国际化配置,可以通过设置`locale`属性来改变组件的语言环境。 6. **其他特性**:InputTag还支持自定义标签模板,通过`renderTag`属性传递一个函数,可以根据需求自定义标签...

    很漂亮又实用的的Input框,支持CSS或者图片两种样式。

    除了CSS,还可以使用背景图片来进一步个性化输入框。这通常涉及`background-image`属性,以及调整尺寸和位置的属性,如`background-position`和`background-repeat`。 如果你希望实现更复杂的输入框设计,可能需要...

Global site tag (gtag.js) - Google Analytics