input特殊输入框

Posted lfxanla

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了input特殊输入框相关的知识,希望对你有一定的参考价值。

     <span class="demonstration">姓名</span>
     <el-input v-model="value3" placeholder="只能输入中文"  align="right"  style=‘width:100px‘  onInput="this.value=this.value.replace(/[^u4e00-u9fa5]/g,‘‘)"></el-input>

     <span class="demonstration">价格</span>
     <el-input v-model="value4" placeholder="只能输入数字带小数点的"  align="right"  style=‘width:100px‘  onInput="if(isNaN(value))execCommand(‘undo‘)"  onafterpaste="if(isNaN(value))execCommand(‘undo‘)"></el-input>

     <span class="demonstration">年龄</span>
     <el-input v-model="value5" placeholder="只能输入纯数字"  align="right"  style=‘width:100px‘ onInput="value = value.replace(/[^d]/g,‘‘)"></el-input>
     
     <span class="demonstration">密码</span>
     <el-input v-model="value6" placeholder="只输入数字和字母"  align="right"  style=‘width:150px‘   maxlength="12" onInput="value=value.replace(/[W]/g,‘‘)"></el-input>

  

以上是关于input特殊输入框的主要内容,如果未能解决你的问题,请参考以下文章

我的input输入框想要限制输入内容只能是(字母,数字,小数点,不能有空格、汉字、其他特殊符)

VUE实现Studio管理后台:开关(Switch)控件,输入框input系列

input输入框限制20个字符,十个汉字

14款CSS3炫酷表单input输入框美化效果附源码

如何在微信小程序中实现具有@功能的输入框

如何在微信小程序中实现具有@功能的输入框