科普一下,不是自然对数这是科学计数法1.2e3=1.2*10^3

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<input type="number" id="ipt">
<input type="button" id="btn" value="click">
<script>
    var ipt = document.getElementById('ipt');
    document.getElementById('btn').addEventListener('click', function () {
        console.log(1.2e3===1200);
        console.log(Number(ipt.value));
    })
</script>
</body>
</html>

_不名_ 2019-05-06

源自：HTML5属性变化 2-1 input新增类型（email_url_tel_number）

收起

3回答

樱桃小胖子 2019-05-08 16:20:24

同学莫急，且听我慢慢道来（^v^）

首先，当<input type="number">，按照常规理解，是只能输入数字，但是实际上字母e却是可以输入的，课程中老师只是想给大家讲解一下字母e在<input type="number">时可以输入，而其他字母是不可以的输入的这样的一种现象；字母e可以输入的原因是e在数学上代表2.71828，这个时候e代表一个数字，所以能输进去。讲解这个的原因是在实际开发中，做表单验证时，验证<input type="number">只能输入数字的时候，需要特别去处理e这个字母，譬如，当<input type="number">禁止输入e，否则验证会不严谨或者报错。假设做某一项功能，需要获取用户输入的内容长度（lenght），那么，按照同学的写法，输入1.2e3程序就会按照科学计数法去解析，这样就无法精准的获取到输入的内容长度（lenght）了，所以需要对e做特殊处理，保证功能能够正常实现。这一点在实际开发中是很容易被忽略的一点哦！

希望可以帮到你！

收起回答

提问者 _不名_ #1

你要狡辩不好好学习我也没办法不聊了

2019-05-08 16:41:07
提问者 _不名_ #2

使用场景还有很多呀年轻人要多实践并不是总要获取长度的

2019-05-08 16:58:57
樱桃小胖子回复提问者 _不名_ #3

没有狡辩，也没说不好好学习，只是在讲述一个事实而已，<input type="number">确确实实就存在这样一种情况。

2019-05-08 19:16:02