如果是上面的这种写法的话,maxlength属性是有效的。但是type=”text”有一个不好的体验,就是获取焦点后弹出的输入法是默认拼音的那种,不太适合此处要求纯数字的需求。那么自然会想到改为type=”number”,改为后你会奔溃, 竟然发现maxlength属性不起作用了,可以无限地输入,明明number是限制数字,为什么长度会失效呢,刨...
Input为number类型maxlength不好使,用js轻松解决 场景 <input type="text" maxlength="5" /> //可以 1. <input type="number" maxlength="5" /> //没有效果 1. 如果为number怎样控制输入长度 解决 <input type="number" oninput="if(value.length>4) value=value.slice(0,4)" /> 1. 添加oninput事...
可以加oninput属性来控制最大长度: <input id="numInput" type="number" maxlength="3" value="" oninput="if(value.length>3)value=value.slice(0,3)">
当我们给input添加上number的属性是,发现maxlength属性失效了,并没有限制住它的字数。可以无限输入。这时候限制输入的字符串长度并截断,其中字符串(含中英文混合字符串) <input type="number" oninput="if(value.length>11)value=value.slice(0,11)" /> ENTER键可以让光标移到下一个输入框 <input onkeydown...
当<input type="number" maxlength="15" />时maxlength失效,长度可以无限输入。 解放方案: <input type="number" oninput="if(value.length>5)value=value.slice(0,5)" /> 验证整数部分不能超过10位 <input type="number" oninput="if(value.length>5)value=value.slice(0,5)" onkeyup="check_price(...
<input type="text" maxlength="5" /> 可以限制最大输入长度。 如果type是number:<input type="number" maxlength="5" /> maxlength失效,长度可以无限输入。 可以使用JS来解决这个问题: <input type="number" oninput="if(value.length>5)value=value.slice(0,5)" />...
解决input,number类型的maxlength无效 使用input数字number类型的时候maxlength无效 假设需要控制输入数量为5,可以用以下方式: <input type="text" maxlength="5" /> 效果ok <input type="number" maxlength="5" />无效 改成这个: <inputtype="number"oninput="if(value.length>5)value=value.slice(0,5)"/>...
maxlength是对于type=text才有效的。如果一定要type=number,那就这样:<input type="number" oninput="if(value.length>5)value=value.slice(0,5)" /> 0 0 0 杨__羊羊 <input type="number" oninput="if(value.length>10) value=value.slice(0,10)" /> 0 0 0 蝴蝶刀刀 楼主...
解决方案: <input type="number" oninput="if(value.length>5)value=value.slice(0,5)" /> 发布于 2021-10-29 15:58 HTML5 前端开发 写下你的评论... 打开知乎App 在「我的页」右上角打开扫一扫 其他扫码方式:微信 下载知乎App 开通机构号 ...