html input的type设置为number后可以输入e

在输入框input标签设置type=number的目的就是为了规避用户输入数字以外的内容。然而，在html的w3c标准里，e认定为自然对数中的无理数常量，+-则是表示正负，生产中有时不需要甚至禁止输入这些。

关于< input type=“number” />可以输入字母e！！！ 今天偶然间发现一个神奇的问题：一个type属性值设置为number类型的input标签可以输入字母e|E <input type="number" class="form-control" placeholder="number"> 主要原因是：e在数学上代表的是无理数，是一个无限不循环的小数，...

因此，当用户在"type=number"的输入框中输入类似于"1e8"或"1e-6"的值时，浏览器会将其解释为相应的科学计数法表示的数字，并将其视为有效的输入。当我输入123e的时候，控制台输出：输入的值为空==>“”（什么原因我也不清楚），因为输入的值变成了“” ，所以进入到我们if判断中的input===“”，所以setValue成功。解决方法：换个思路把 input 标签中的 type="number"删除，把他当做一个普通的输入框去使用，再使用纯数字的正则去匹配value。以下为百度搜索的资料。

摘要:下文讲述html5中数字–输入控件的简介说明,如下所示:input type=’number’ 数字 输入控件简介说明input type=’number’功能:当我们在文本域中使用type=’number’时,此时在支持html5的浏览器中就会出现只可输入数字的文本框如下图所示:html之input_type_number数字标签示例说明input type=’number’ 具有以下特性...

当需要用户输入手机号码的时候，把input的type属性设置为number，在移动端就能调起数字键盘了，但是maxlength属性对于type=number是无效的，而且还可以输入除了数字之外的其他字符，比如+.e，加上下面两个事件 &lt;input onkeypress='return( /[\d]/.test(String.fromCharCode(event.keyCode)))' o...

input设置type="number"时， 仍能输入e或E,是科学计数法的表示形式， 只有完整的输入含e数值的表示形式时才能得到正确的结果, 在本机ie上，竟能输入任意字符，未做限制？ type设为number时也能输入加减号。   文本框不可编辑方法： 1.禁用disabled="disabled" 2.只读readonly="readonly" 3.readonly uns...

结论：input输入框type设置为number，maxlength无效，设置为tel，maxlength有效 一个小细节，以前很少注意，直到最近做的一个项目，当我把一个输入数字的input框的类型设置为number时，input框还是可以无限输入，设置maxlengh=10就不起作用了。 然后我就去百度了一下，type设置为tel时，maxlength就起作用了。为什么呢？ 这里我先说一下inp...

<div class="col-lg-6 col-sm-6"> <div class="form-group"> <label>培训时长(单位：小时)</label> <!-- <input type="text" class="form-control" id="person_train_form_timelenth" name="timelenth" placeholder="培训时长" /> --> <in.

关于Input【type=number】可以输入e问题及解决方案

当给 input 设置类型为 number 时，比如，我想限制，只能输入 0-9 的正整数，正则表达式如下： /^[0-9]?$/ // 匹配 0-9 的整数且只匹配 0 次或 1 次 用正则测试，小数点是无法通过的，且，因为 设置了类型为 number，也无法输入字母， 但实际上，1. 类似这样的不合规则的数字是可以通过验证的，且，可以键入字母 e，因为 e 在数学上代表2.71...

其他的中文特殊字符都不可以输入，但是只有e是可以输入的，原因是e也输入作为科学计数法的时候，e是可以被判定为数字的，使用element ui时el-input的属性type=number，仍然可以输入e，但是有些场景是需要把e这种情况屏蔽掉的，我们可以使用如下的方法。在进行键盘事件输入时，进行监听，禁止e的输入。通过以上方法就可以解决。

修改html的输入法，type="number"并没有达到自己想要的结果，会根据手机输入法的不同显示不一样的效果，改成inputmode=”numeric”就好用了。

number为h5的新增属性 请使用下面的属性来规定限制： max - 规定允许的最大值。 min - 规定允许的最小值。 step - 规定合法数字间隔。 value - 规定默认值。 如果需要做浮点数那么只需要在step上注明即可，如两位小数 &lt;input id="money" name="money" type="number" step="0.01" /&gt; ...

原文链接： https://blog.csdn.net/qq_35371323/article/details/96313117

在HTML5中，新增了type=number的类型，

type='number'可以输入E、e、+、-的问题

总结以上步骤，它们构成了一种高效且可行的方法来禁止在HTML数字输入域中输入特定的字符。通过这种方式，开发人员可以确保用户输入满足应用程序的特定要求，这对于提升输入数据的准确性是至关重要的。接着，编写一个JavaScript的监听函数，该函数将在用户输入时触发。元素允许用户输入一个数字，它可以包含正数、负数、整数、浮点数以及特殊字符，如。事件来拦截键盘动作，在事件触发时，判断按键的字符是否为。时，这次输入会立即被取消，从而有效防止了用户输入该字符。方法来阻止该默认行为，即用户输入的动作。

el-element