Pernahkah anda menghadapi situasi di mana papan kekunci tidak boleh dibawa ke atas apabila input type="number" dimasukkan pada terminal mudah alih?
<!--<!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>
Saya tidak mengalami situasi ini
Anda boleh mencuba jenis lain untuk melihat sama ada papan kekunci boleh muncul, seperti: telefon, teks, dsb.
Saya tertanya-tanya jika
<!DOCTYPE html>
tidak ditambah, menyebabkan penyemak imbas tidak dapat menghuraikannya dengan betulDi mana borang anda?
Tiada masalah, Safari boleh memainkannya.
Diuji secara peribadi pada Android, ia boleh melantun
Dalam kes ini, anda perlu menyediakan model telefon dan versi sistem yang tidak boleh muncul pada papan kekunci
Adakah anda menggunakan epal