`

在input里添加属性值

阅读更多

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的方法

    1.取消按钮按下时的虚线框,在input里添加属性值 hideFocus 或者 HideFocus=true 2.只读文本框内容,在input里添加属性值 readonly 3.防止退后清空的TEXT文档(可把style内容做做为类引用) 4.ENTER键可以让光标移到...

    input type是什么意思及常用限制input的方法

    取消按钮按下时的虚线框,在input里添加属性值 hideFocus 或者 HideFocus=true 复制代码代码如下: &lt;input type=”submit” value=”提交” hidefocus=”true” /&gt; 2.只读文本框内容,在input里添加属性值 ...

    常用限制input的方法的js代码

    1.取消按钮按下时的虚线框,在input里添加属性值 hideFocus 或者 HideFocus=true 2.只读文本框内容,在input里添加属性值 readonly 3.防止退后清空的TEXT文档(可把style内容做做为类引用) 4.ENTER键可以让光标移到...

    javascritp实现input输入框相关限制用法

    1.取消按钮按下时的虚线框 在input里添加属性值 hideFocus 或者 HideFocus=true 2.只读文本框内容 在input里添加属性值 readonly 3.防止退后清空的TEXT文档(可把style内容做做为类引用) &lt;INPUT style=...

    input 高级限制级用法

    1.取消按钮按下时的虚线框 在input里添加属性值 hideFocus 或者 HideFocus=true 2.只读文本框内容 在input里添加属性值 readonly 3.防止退后清空的TEXT文档(可把style内容做做为类引用) &lt;INPUT style=behavior:...

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

    1. 取消按钮按下时的虚线框 在input里添加属性值 hideFocus 或者 HideFocus=true 2. 只读文本框内容 在input里添加属性值 readonly 3. 防止退后清空的TEXT文档(可把style内容做做为类引用) &lt;INPUT style=behavior...

    input框添加图片按钮

    为了确保良好的兼容性,本示例代码中采用了一种根据浏览器类型动态调整CSS属性值的方法: ```javascript $(function(){ var explorer = window.navigator.userAgent; if(explorer.indexOf('MSIE') &gt; 0){ $("....

    网页设计关于表单输入框的技巧代码

    在input里添加属性值hideFocus或者HideFocus=true  2.只读文本框内容 在input里添加属性值readonly  3.防止退后清空的TEXT文档(可把style内容做做为类引用) &lt;INPUTstyle behavior:url(#default#savehistory);...

    jQuery实现动态添加、删除按钮及input输入框的方法

    在添加输入框的同时,也会相应地增加FieldCount和x的值,以记录和追踪已添加输入框的数量。 删除输入框的实现利用了事件委托。在$(document).ready()方法中,使用了 $("body").on("click", ".removeclass", ...

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

    onpropertychange是一种特定于IE浏览器的事件,它会在元素的属性发生改变时触发,包括输入框的值变化。然而,onpropertychange事件有一些局限性,比如不会在禁用状态的元素中触发,以及从脚本中修改输入框值时不会...

    web前端 input添加属性就可以验证 自动验证工具

    "web前端 input添加属性就可以验证 自动验证工具" 提供了一种简便的方法,通过在HTML的`input`元素上添加特定属性,实现对用户输入的自动验证。这种方法尤其适合于jQuery环境,代码简洁易懂,能够快速集成到项目中,...

    js下拉选择框与输入框联动实现添加选中值到输入框的方法

    随后,将select元素的value属性值赋给input元素的value属性,这样输入框中就会显示用户选中的值。 ```javascript document.getElementById('show').value = this.value; ``` 这段代码实现了当用户在下拉选择框中...

    Vue input控件通过value绑定动态属性及修饰符的方法

    第三点,v-model 在 input 事件中同步输入框的值与数据,但是我们可以添加一个修饰符 lazy,从而转变为在 change 事件中同步。例如,&lt;input v-model.lazy="msg" &gt;。这样,当用户输入完毕后,v-model 才会同步输入框...

    EasyUI textbox事件,EasyUI textbox input events

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

    Vue动态控制input的disabled属性的方法

    当我们点击修改操作时,dataForm.id 的值将被设置为当前要修改的记录的 ID,这样 input 框的 disabled 属性将被添加,input 框将变为只读模式。 需要注意的是,虽然我们使用了 disabled 属性来禁用 input 框,但是...

    javascript input自动赋值

    在上述例子中,无论使用原生JavaScript还是jQuery,我们都是通过获取input元素并设置其value属性来实现自动赋值的。这种方法对于动态页面尤其有用,比如从服务器获取数据后填充表单,或者根据用户的行为改变输入框的...

    date_input插件

    jQuery date_input 插件是为了解决这个问题而设计的一个实用工具,它提供了用户友好的界面和丰富的自定义选项,使得在网页上选择日期变得更加简单和直观。 ### 1. 插件简介 jQuery date_input 是一个基于 ...

    domino xpags开发 input保存为数组值

    在`&lt;inputText&gt;`组件中,添加`multipleSeparator`属性,并设置一个分隔符,例如逗号(`,`)。这样,用户在输入框中输入的每个值之间用该分隔符隔开,XPages就能正确解析并保存到多值域中。 例如,一个基本的`&lt;input...

    input框只能输入数字和一个小数点

    当用户在input框中输入任何内容时,监听器将触发一个函数,该函数会检查并修改input框中的值,移除所有非数字字符,并确保小数点最多出现一次。 ### 知识点三:正则表达式在数据验证中的应用 在上述JavaScript代码...

Global site tag (gtag.js) - Google Analytics