javascript - The keyboard cannot pop up when input type="number" on the mobile terminal
phpcn_u1582
phpcn_u1582 2017-05-16 13:37:01
0
6
605

Have you ever encountered a situation where the keyboard cannot be popped up when input type="number" is entered on the mobile terminal?

<!--<!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 id="age" name="age" placeholder="请输入年龄" type="number" value="">
      </p>

    </p>


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

  </p>


</body>

</html>
phpcn_u1582
phpcn_u1582

reply all(6)
刘奇

I haven’t encountered this situation
You can try other types to see if the keyboard can pop up, such as: tel, text, etc.

过去多啦不再A梦

I wonder if <!DOCTYPE html> was not added, causing the browser to not be able to parse it properly

我想大声告诉你

Where is your form?

Ty80

No problem, Safari can play it.

给我你的怀抱

Personally tested on Android, it can be bounced

In this case, you need to provide the phone model and system version that cannot pop up the keyboard

小葫芦

Did you use apples

Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template