input 使用的小诀窍

转载 2007年09月28日 17:41:00
1.取消按钮按下时的虚线框,在input里添加属性值 hideFocus 或者 HideFocus=true
<input type="submit" value="提交" hidefocus="true" />

2.只读文本框内容,在input里添加属性值 readonly
<input type="text" readonly />

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

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

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

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

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" />

8.只能输入英文和数字(有闪动)
<input type="text" 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 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}" /> 

小程序开发踩坑-input组件

小程序input组件
  • cds_940113
  • cds_940113
  • 2017年05月22日 14:22
  • 583

微信小程序获取input输入框的值

前几天写小程序写小程序发现小程序不能dom操作,这个就很尴尬啊,然后问了下度娘发现可以这样获得的。这个是wxml代码 ...
  • qq_35909852
  • qq_35909852
  • 2017年10月24日 23:26
  • 3274

微信小程序:input标签的使用

微信小程序怎么简单使用input标签
  • HUSHILIN001
  • HUSHILIN001
  • 2017年05月16日 22:39
  • 2552

webStorm一些使用小诀窍

/** + enter :快速生成方法注释 ctrl + shift + k : push code ctrl + tab : 查看所有打开窗口并切换...
  • qq_26394087
  • qq_26394087
  • 2017年07月08日 15:41
  • 186

sdut2278商人的诀窍

#include #include #include using namespace std; typedef struct st { double f,m; double v; }; int ...
  • dreamzuora
  • dreamzuora
  • 2016年11月06日 15:03
  • 250

微信小程序---获取循环输入框(input)中的内容

这篇文章以前两篇文章为基础! 在wxml中设置循环输入框。 在js文件中设置如下,这样即可获得不同循环中输入框的不同内容了。 Page({ data: { lists:[{}...
  • buppt
  • buppt
  • 2017年10月03日 23:09
  • 574

微信小程序获取input里面的内容

微信小程序获取input里面的内容 在.wxml文件中   姓名:               在js中  data: {     userName: '',...
  • yangyanli0309
  • yangyanli0309
  • 2017年05月08日 11:38
  • 8242

微信小程序input批量赋值(setData)

在data里面添加对象: data: { model: { paymentAccount: '',//付款帐号 amount: '',//付款金额 paym...
  • qq_26744901
  • qq_26744901
  • 2017年07月10日 11:04
  • 2223

Java垃圾收集器使用小诀窍

Java垃圾收集器使用小诀窍,垃圾收集器(Garbage Collector,GC)是现代软件虚拟机技术的重要组成部分,其设计方案对运行于虚拟机上的应用程序性能影响极大。Java 虚拟机(JVM)与....
  • s464036801
  • s464036801
  • 2012年12月02日 23:14
  • 336

微信小程序 清空或修改input值 的方法

微信小程序中的input组件,用来采集用户输入文本,官方组件并未提供接口供清除页面上显示的用户输入的部分,比如想要做一个按键“清除输入”,就尴尬了,因为button组件的事件里没办法控制到input组...
  • happycxz
  • happycxz
  • 2017年07月17日 14:31
  • 8678
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:input 使用的小诀窍
举报原因:
原因补充:

(最多只允许输入30个字)