为了账号安全,请及时绑定邮箱和手机立即绑定

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

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

偶然的你 2018-11-23 19:15:13
想让用户只能该数字,不能改%,且不能在%号之后写数字
查看完整描述

1 回答

?
慕容3067478

TA贡献1773条经验 获得超3个赞

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

https://img1.sycdn.imooc.com//5c29d8f3000157a001220044.jpg

HTML主要结构如下

<div class="div_num">

    <input class="num" type="number" ng-model="data">

    <div class="unit">G</div>

</div>


查看完整回答
反对 回复 2018-12-31
  • 1 回答
  • 0 关注
  • 378 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号