javascript - 在移动端input type="number" 键盘没法弹起

问题描述

在移动端有没遇到过input type='number' 键盘没法弹起的情况吗？

<!--<!DOCTYPE html>--><html lang='en'><head> <meta charset='UTF-8'> <title>demo</title> <meta http-equiv='X-UA-Compatible' content='IE=edge,chrome=1'> <meta name='viewport' content='width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no'> <style> * { margin: 0; padding: 0; } .yy_item { margin-top: 200px; } </style></head><body> <p class='container'> <p class='yy_item'> 测试 </p> <p class='yy_item'> 测试 </p> <p class='yy_item'> 测试 </p> <p class='yy_item'> <p class='clearfix'><label for='age'>年龄</label><input name='age' placeholder='请输入年龄' type='number' value=''> </p> </p> <p class='btn-group'> <input type='submit' value='测试'> </p> </p></body></html>

问题解答

没遇到这种情况可以试一下其他的type可不可以弹起键盘，比如：tel、text之类的

不知是不是没有添加 <!DOCTYPE html>， 导致浏览器没法正常解析

你的form呢?

没有什么问题啊，safari能弹啊。

安卓亲测，可以弹起

这种情况你要提供不能弹起键盘的手机型号和系统版本

你是不是用的苹果