3585关注12484浏览
问题描述:
当界面有几个type为数字类型的input输入框平行摆放,且位置在页面靠近底部的位置(低于键盘弹起的高度)时,从第一个输入框直接切换至第二个输入框(键盘不收起),弹起的键盘会遮挡住输入框,type类型为text的input不会出现这个问题。
求解决方法。
界面如下图所示:
wxml代码:
<form bindsubmit='submitInfo'>
<view class='list-template'>
<view class='title'>
<view>产品组合view>
<view>层数view>
<view>地上售价(元/㎡)view>
<view>容积率view>
view>
<view class='list'>
<view><input type='text' value='' placeholder='请输入' name = 'productName'>input>view>
<view><input type='number' placeholder='请输入' name = 'floors'>input>view>
<view><input type='number' placeholder='请输入' name='salingPrice'>input>view>
<view><input type='number' placeholder='请输入' name='rate'>input>view>
view>
<view class='list-btn'>
<button form-type='submit'>确定button>
view>
view>
form>
wxss代码:
.list-template{
margin-top: 800rpx;
}
.list-template .title{
background-color: #e5e5e5;
padding: 20rpx 0;
}
.list-template .title,.list-template .list{
overflow: hidden;
}
.list-template .title>view,.list-template .list>view{
float: left;
width: 20%;
text-align: center;
font-size: 34rpx;
line-height: 1;
}
.list-template>view>view:nth-child(3){
width: 40%;
}
.list-template .list{
padding: 20rpx 0;
}
.list-template .list>view:first-child{
line-height: 1.8;
}
.list-btn{
position: fixed;
bottom: 0;
width: 100%;
}
.list-btn>button{
margin-top: 50rpx;
border: 0;
outline: 0;
background: #f60;
color: #fff;
border-radius: 0;
font-size: 34rpx;
}
-
至过去的我
2044人对此回答表示赞同
我是未来的你,你现在是不是在年找寻小程序答案。你不要感觉诧异,给你来信原因,就是让你不在后悔。今天去学习如何推广小程序,相信......点击查看更多> -
Bella
18人对此回答表示赞同
展开183回复分享发布于 6年前评论(3)
收起评论
-
龙猫
8人对此回答表示赞同
问题已复现,我们会在后续版本中进行修复。
展开81回复分享发布于 6年前评论(1)
收起评论
-
Mia 2019-01-12 16:25
ok,谢谢
回复
-
-
Sierra
1人对此回答表示赞同
我也是遇到同样的问题,官方啥时候解决啊
展开12回复分享发布于 6年前评论(2)
收起评论
-
你庄哥 2019-01-11 22:40
是啊,最后也是换成text了
回复 -
seeulater 2019-01-14 01:00
静等吧,我改成了type=text,表单验证多做一些,目前也只能这样委曲求全了
回复
-
完整代码都贴出来了,代码片段分享:wechatide://minicode/cwFc9UmP6hZB
给个完整的代码片段看看?
试过,无效