价格输入框

作者: Rememberautumn 分类: JavaScript 发布时间: 2016-10-04 20:55 阅读: 2,775

需求很简单:
x

对就是这么一个框而已

 

 

其实这个输入框看起来简单,仔细想想还是听麻烦的,首先要居中,恩,第二还要确定是价格,而且最后的价格标志不能被删除,要确保输入的是可以使用的价格,而且有保留小数的限制。

第一种方案,一个input框,type是number,难点在于如何确保两个居中

第二种方案,text-align:center,type是text,难点在于如何保证价格格式。

我采用的是第二种方案,代码地址:https://github.com/4013465w/price-input

NPM包地址:https://www.npmjs.com/package/price-input

如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!

2条评论

发表评论

电子邮件地址不会被公开。 必填项已用*标注