`
zuoshaobiao
  • 浏览: 21169 次
  • 性别: 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(占位符)文本。 演示地址:...

    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`...

    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界面。然而在实际应用中,开发者可能会遇到一些布局...

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

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

    Input XSS最新漏洞及利用

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

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

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

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

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

    file input 按钮国际化

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

    点击input,弹出日期选择框

    在网页设计和开发中,创建用户友好的交互是至关重要的,而“点击input,弹出日期选择框”正是实现这一目标的一种常见方法。这个功能可以让用户方便地输入或选择日期,提高了数据输入的准确性和效率。下面我们将详细...

    DINPUT8.DLL修复

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

    input file上传图片预览

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

    foo_input_sacd-0.5.11.zip_ dsd_FOO-INOUT-SACD_foo_input_sacd0._f

    标题中的"foo_input_sacd-0.5.11.zip"是一个软件的压缩包,版本号为0.5.11,"dsd"代表Direct Stream Digital,是高解析音频格式,专门用于Super Audio CD(SACD)的编码。"FOO-INOUT-SACD"可能是这个软件的项目代号...

    vue实现移动端input上传视频、音频

    vue移动端input上传视频、音频,供大家参考,具体内容如下 html部分 现场视频 &lt;video id=videoId controls width=100%&gt;&lt;/video&gt; &lt;input style=display:none; id=pop_video type=file accept=...

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

    在网页设计中,输入框(Input框)是用户与网站交互的重要元素,它允许用户输入数据。本资源提供了一种既美观又实用的输入框设计方法,支持通过CSS样式或图片来定制其外观,从而提升网页的用户体验和视觉吸引力。 ...

Global site tag (gtag.js) - Google Analytics