H5 input输入限制最大位数，和调用小键盘需求发生冲突的解决办法

首先，限制输入最大位数时，input有自带的属性maxlength。

<input type="text" name="email" maxlength="55" />

使用方法：maxlength="位数"

但是，对于这个属性他是有自己的限制条件的

定义和用法
maxlength 属性规定输入字段的最大长度，以字符个数计。maxlength 属性与 <input type="text"> 或 <input type="password"> 配合使用。

实际开发过程中，需求和理想状态是有差距的，限制位数的输入多为限制数字，比如金额，只个时候我们既要约束输入类型，同时还要限制位数。

在前辈的知道下，搭配tel属性可以实现效果，在手机上打开，激活输入框默认调用数字键盘。

 <input id="money" maxlength="8" type="tel" placeholder="50000" style="color:#333" /> 元

更多专业前端知识，请上【猿2048】www.mk2048.com

H5 input输入限制最大位数，和调用小键盘需求发生冲突的解决办法相关推荐

设置input输入长度中文一个文字等于2个引文字符为了解决这个问题
/** * 设置input输入长度中文一个文字等于2个引文字符为了解决这个问题 * 使用 maxcodelength="" 即可 */ $('input[type=" ...
记录webView接入h5界面时，调起相册、文件、相机无效的解决办法
记录webView接入h5界面时,调起相册.文件.相机无效的解决办法. 在开发项目时,接入一个h5界面.使用webview时,发现界面显示正常,但是按钮不论怎么点都无效,但是m站和ios都正常.后来上 ...
Spring MVC普通类或工具类中调用service报空空指针的解决办法(调用service报java.lang.NullPointerException)...
当我们在非Controller类中应用service的方法是会报空指针,如图: 这是因为Spring MVC普通类或工具类中调用service报空null的解决办法(调用service报java.la ...
Spring MVC普通类或工具类中调用service报空空指针的解决办法(调用service报java.lang.NullPointerException)
当我们在非Controller类中应用service的方法是会报空指针,如图: 这是因为Spring MVC普通类或工具类中调用service报空null的解决办法(调用service报java.la ...
多线程下调用ShowDialog时异常原因及解决办法
提示在可以调用OLE之前,必须将当前线程设置为单线程单元(STA)模式,请确保您的Main函数带有STAThreadAttribute 导入导出功能,在调用ShowDialog时的错误,解决办法如下: ...
调用notifyDataSetChanged不起作用的解决办法
调用notifyDataSetChanged不起作用的解决办法这里简要说明: 问题1. android一些控件adapter的notifyDataSetChanged的简单机制看了很多博客 ...
织梦多个栏目arclist调用副栏目不显示的解决办法
织梦arclist调用副栏目不显示,网上关于这个问题的解决办法有很多,其中一种是: 打开/include/taglib/arclist.lib.php,代码约位于295-296行(我目前用的DedeC ...
【从零之三(更)】自定义类中调用讯飞语音包错误解决办法
原文:http://blog.csdn.net/monkeyduck/article/details/24302655 在科大讯飞语音包的Mscdemo中它的方法都是写在Activity中的,这样其实 ...
android 7.0 按钮崩溃,Android 7.0调用相机崩溃详解及解决办法
Android 7.0调用相机崩溃解决办法错误提示: android.os.FileUriExposedException: file:///storage/emulated/0/DCIM/IMG_ ...

H5 input输入限制最大位数，和调用小键盘需求发生冲突的解决办法

H5 input输入限制最大位数，和调用小键盘需求发生冲突的解决办法相关推荐

最新文章

热门文章