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>
I haven’t encountered this situation
You can try other types to see if the keyboard can pop up, such as: tel, text, etc.
I wonder if
<!DOCTYPE html>
was not added, causing the browser to not be able to parse it properlyWhere is your form?
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