angularjs如何给input加不能修改的%?

clipboard.png

clipboard.png

clipboard.png

想让用户只能该数字,不能改%,且不能在%号之后写数字

阅读 3.1k
2 个回答

这样子的话,把%抽取出来,不要放到你的model上面去,用span或者其他标签显示了,通过css定位的方式,把%移动到input框内部,模拟显示,或者外面用一个div(div1)把input(主要用来输入数字)以及另一个div(div2)(主要用力啊显示%封装起来),然后div1显示边框,input的边框去掉,大概弄成下面这样的效果
最终效果

HTML主要结构如下

<div class="div_num">
    <input class="num" type="number" ng-model="data">
    <div class="unit">G</div>
</div>

写成这样的形式 数值有需要可以用正则去匹配

<p><input type="" value="3.53">%</p>
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题