在移动端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>

  <div class="container">

    <div class="yy_item">
      测试
    </div>
    <div class="yy_item">
      测试
    </div>
    <div class="yy_item">
      测试
    </div>
    <div class="yy_item">

      <div class="clearfix">
        <label for="age">年龄</label>
        <input id="age" name="age" placeholder="请输入年龄" type="number" value="">
      </div>

    </div>


    <div class="btn-group">
      <input type="submit" class="btn btn-submit" value="测试">
    </div>

  </div>


</body>

</html>
阅读 4.3k
6 个回答

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

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

你的form呢?

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

安卓亲测,可以弹起

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题