`
zuoshaobiao
  • 浏览: 21557 次
  • 性别: Icon_minigender_1
  • 来自: 济南
最近访客 更多访客>>
社区版块
存档分类
最新评论

input

阅读更多

1. 取消按钮按下时的虚线框,在input里添加属性值 hideFocus 或者 HideFocus=true  
<input type="submit" value="提交" hidefocus="true" />  
   <br/> 
2.只读文本框内容,在input里添加属性值 readonly  
<input type="text" readonly  value="只读"/>  
   <br/> 
3.防止退后清空的TEXT文档(可把style内容做做为类引用)  
<input type="text" style="behavior:url(defaultsavehistory);" />  
   <br/> 
4.ENTER键可以让光标移到下一个输入框  
<input type="text" onkeydown="if(event.keyCode==13)event.keyCode=9" />  
   <br/> 
5.只能为中文(有闪动)  
<input type="text" onkeyup="value=value.replace(/[ -~]/g,'')" onkeydown="if(event.keyCode==13)event.keyCode=9" />  
   <br/> 
6.只能为数字(有闪动)  
<input type="text" onkeyup="value=value.replace(/[^\d]/g,'') " onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))" />  
   <br/> 
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" />  
   <br/> 
8.只能输入英文和数字(有闪动)  
<input type="text" onkeyup="value=value.replace(/[\W]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))" />  
   <br/> 
9.屏蔽输入法  
<input type="text" name="url" style="ime-mode:disabled" onkeydown="if(event.keyCode==13)event.keyCode=9" />  
   <br/> 
10. 只能输入 数字,小数点,减号(-) 字符(无闪动)  
<input onkeypress="if (event.keyCode!=46 && event.keyCode!=45 && (event.keyCode<48 || event.keyCode>57)) event.returnValue=false" />  
   <br/> 
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}" />  

<script src="http://51jsp.cn/PLUGIN/copytofriends/copy.js" type="text/javascript"></script>

分享到:
评论

相关推荐

    date_input插件

    **jQuery date_input 日期插件详解** 在网页开发中,日期选择功能是非常常见的,例如在填写表单时的出生日期、预约日期等。jQuery date_input 插件是为了解决这个问题而设计的一个实用工具,它提供了用户友好的界面...

    纯CSS3实现漂亮的input输入框动画样式库(Text input love)

    分享一个用纯 CSS3 实现的,漂亮的 input 输入框动画样式库-Text input love。 点击每个输入框都用不同的动画效果,始终显示标签label,并显示 placeholder(占位符)文本。 演示地址:...

    Vue触发隐藏input file的方法实例详解

     将input的z-index设置为1以上的数字并覆盖到需点击的内容上,将input的样式opacity设置为0(即为透明度为0),这样通过绑定在input上的change事件触发 —-推荐 &lt;input type=file @change=picUpload($event)...

    C# 基于 directinput 操控手柄

    本文将深入探讨如何使用C#语言,结合DirectInput技术来实现对手柄的操作,包括振动功能。 DirectInput是Microsoft DirectX库的一部分,主要用于获取高级游戏设备的数据,如键盘、鼠标以及游戏手柄等。它提供了一个...

    antd-input-tag.zip

    "antd-input-tag"是一个Antd中的组件,专门用于将用户在input框中输入的内容转化为可操作的tags,这种功能常见于标签管理系统或者输入筛选条件的场景。 Antd Input Tag组件的核心功能是将用户的连续输入截断成单独...

    foo_input_sacd

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

    javascript input自动赋值

    假设我们有一个ID为"myInput"的input元素,我们可以这样为它赋值: ```javascript // 获取input元素 var myInput = document.getElementById('myInput'); // 给input元素赋值 myInput.value = '预设的值'; ``` 另...

    android input 事件的获取

    Android Input 事件获取机制 Android 操作系统中,input 事件是指用户与设备交互的过程,这包括 touch 事件、key 事件、鼠标事件等。了解 Android 获取 input 事件的机制,对于 Android 应用开发和设备驱动开发至关...

    vue点击input弹出带搜索键盘并监听该元素的方法

    1.遇到问题: 需要做一个点击input弹出带搜索的键盘。...input @keyup.13=show() type="search" ref="input1"&gt; show(){ this.$refs.input1.blur(); } 3.测试时发现ios无法弹出带搜索的键盘 解决: 给

    解决layui的input独占一行的问题

    解决layui的input独占一行的问题涉及了Web前端开发中的布局和CSS样式设置。layui是一个前端UI框架,它提供了一套简单易用的CSS和JS组件,被广泛应用于快速开发Web界面。然而在实际应用中,开发者可能会遇到一些布局...

    Input XSS最新漏洞及利用

    Input XSS,全称为Input-Based Cross-Site Scripting,是一种常见的Web安全漏洞,允许攻击者通过在输入字段中注入恶意脚本来操纵用户浏览器的行为。这种漏洞通常发生在网站未能正确过滤或转义用户提供的数据,导致...

    利用directinput 进行手柄编程 例程 VC++

    DirectInput是Microsoft DirectX库的一部分,主要用于游戏和其他实时交互应用程序,提供了一种高效的方式来获取键盘、鼠标和游戏控制器(如手柄)的输入。在本文中,我们将深入探讨如何使用DirectInput进行手柄编程...

    jquery获取form表单input元素值的简单实例

    在本篇内容中,我们将详细探讨如何使用jQuery来获取form表单中input元素的值,包括文本框、复选框、单选按钮等不同类型input元素的值获取方法。通过jQuery提供的val()方法和attr()方法,我们可以轻松获取或设置input...

    jQuery/JS监听input输入框值变化实例

    文章首先介绍了input元素值变化的不同监听方法,并详细解释了每种方法的工作原理、适用场景以及可能遇到的问题。 首先,文章提及了onchange事件。onchange事件是传统的监听输入框值变化的方法,它在元素失去焦点,...

    EasyUI textbox事件,EasyUI textbox input events

    在使用UasyUI的时候,在一般的input输入框上添加class="easyui-textbox"属性,则在该输入框上添加的事件将不起作用,但是如果去掉class="easyui-textbox"变成一般的input则起作用。 控件的生成原理,它是把你原有的...

    input框中自动展示当前日期yyyy/mm/dd的实现方法

    直接上代码: &lt;!...&lt;... &lt;head&gt;...input框中自动展示当前日期&lt;... var _input = document.getElementById('input'); var date = new Date(); var seperator = /; var year = date.getFul

    file input 按钮国际化

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

    RawInput做的键盘记录器 含源码

    RawInput_logger是一个基于Windows API中的RawInput技术实现的键盘记录器。这个程序允许开发者获取到用户在系统上输入的每一个按键事件,而无需依赖于特定的控件或应用程序。RawInput是一个相对底层的技术,它提供了...

    DINPUT8.DLL修复

    **DINPUT8.DLL**是DirectInput 8的一个动态链接库文件,它是Microsoft DirectX的一部分,主要用于游戏和其他应用程序的输入设备管理。DirectInput是Windows平台上一个重要的API(应用程序接口),它允许开发者直接...

    input file上传图片预览

    在前端开发中,"input file上传图片预览"是一个常见的需求,它允许用户选择本地的图像文件,并在上传前提供预览。这个功能在许多网站和应用中都很实用,例如社交媒体平台、在线编辑器或者个人资料设置等。下面将详细...

Global site tag (gtag.js) - Google Analytics