input number类型和text类型的区别
来源:互联网 发布:鹰击长空2知乎 编辑:程序博客网 时间:2024/06/04 19:24
input type=‘number’
1⃣️
number类型的框使用maxlength限制输入长度是无效的。
解决:number框需要对长度进行限制(绑定input事件监听--例如 长度最长为5位)
<input type='number' (input)='checkLength(myNumber)' [(ngModel)]='myNumber'>
checkLength(ev){
if (ev + '').length>=5) {
setTimeout(() =>this.myNumber= (ev + '').slice(0, 6), 0);
}
}
2⃣️
number框开头是0会自动处理忽略
3⃣️
number框,非数字会自动不会输入到框中
--------------------------------------------------------------------------------------------------------------------------
input type=‘text’
1⃣️
maxlength=’20’—————支持最大长度的字数限制
2⃣️
text类型需要对数字进行判断筛选
非数字需要进行正则判断(例如)
<input onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')" style='height:23px;width:120px' >
阅读全文
0 0
- input number类型和text类型的区别
- input 里text类型的id 和name 的区别
- input 类型 text和password长度不同的原因
- int类型和number类型区别
- 征服number类型的input框
- css 区分 input 的类型 input[type="text"]
- text 类型和image 类型的转换
- 在SQL 中 ntext和text类型的的区别
- varchar、text和nvarchar、ntext类型的区别
- mysql中类型长度以及text和varchar的区别
- input中类型为text和password的长度不一样的问题的解决方案
- oracle表中列的类型。number和integer区别
- 获取页面中所有类型为text的input控件
- html input标签text类型的选择框
- MIME邮件的multipart类型与text类型的区别
- 改变number类型input框的默认样式
- html去掉number类型input右侧的加减按钮
- 在webview中 input=number类型的问题
- Android-监听网络状态
- android在任意界面弹出popwindow的两种方方法
- Android程序完全退出的三种方法
- Haskell语言学习笔记(44)Lens(2)
- Android开发者必须深入学习的10个应用开源项目
- input number类型和text类型的区别
- Oracle用户被锁定解决方法
- oracle最高账号sys的密码认证模式
- MVC,MVP 和 MVVM 的图示
- html5知识点:CSRF攻击
- 彻底解决Android 应用方法数不能超过65K的问题
- 如何打造一款成功的产品
- 产品经理的未来在哪里
- 安卓MVP架构模式