问题描述:

当界面有几个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;

}

展开全部
收起
3回答
提交回答
  • 至过去的我

    2044人对此回答表示赞同

    我是未来的你,你现在是不是在年找寻小程序答案。你不要感觉诧异,给你来信原因,就是让你不在后悔。今天去学习如何推广小程序,相信......点击查看更多>
    发布于
  • Bella

    18人对此回答表示赞同

    展开
    18
    3回复
    发布于 5个月前

    评论(3)

    收起评论

    • 闲云 2019-01-14 19:03

      完整代码都贴出来了,代码片段分享:wechatide://minicode/cwFc9UmP6hZB

      回复
    • 周欣 2019-01-16 14:30

      给个完整的代码片段看看?

      回复
    • Liam 2019-01-18 17:58

      试过,无效

      回复
  • 龙猫

    8人对此回答表示赞同

    问题已复现,我们会在后续版本中进行修复。

    展开
    8
    1回复
    发布于 5个月前

    评论(1)

    收起评论

    • Mia 2019-01-12 16:25

      ok,谢谢

      回复
  • Sierra

    1人对此回答表示赞同

    我也是遇到同样的问题,官方啥时候解决啊

    展开
    1
    2回复
    发布于 5个月前

    评论(2)

    收起评论

    • 你庄哥 2019-01-11 22:40

      是啊,最后也是换成text了

      回复
    • seeulater 2019-01-14 01:00

      静等吧,我改成了type=text,表单验证多做一些,目前也只能这样委曲求全了

      回复
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z