设备信息:
IOS 9.3.5(13G36)
iphone 6s(128G)
微信版本 6.5.22
问题描述:
点击下图中的 入住人、手机号,无法拉起键盘
而 留言处 可以正常拉起键盘输入
< view class = "form-block" > < view class = "form-label" > 入住信息 </ view > < view class = "form-content" > < view class = "form-item" > < text class = "form-item-label" >入住人</ text > < input type = "text" name = "name" bindchange = "changeName" /> </ view > < view class = "form-item" > < text class = "form-item-label" >手机号</ text > < input type = "text" name = "name" bindchange = "changePhone" /> </ view > </ view > </ view > |
.form- block .form-label { color : #888 ; padding : 30 rpx; font-size : 14px ; } .form- block .form-content { background : #fff ; border-top : 1px solid #e5e5e5 ; } .form- block .form-item { padding : 20 rpx 30 rpx; border-bottom : 1px solid #e5e5e5 ; display : flex; align-items: center ; } .form- block .form-item .form-item-label { min-width : 70px ; padding-right : 20 rpx; color : #999 ; flex: 0 0 auto ; font-size : 17px ; } .form- block .form-item input, .form- block .form-item textarea { color : #000 ; font-size : 17px ; flex: 1 1 0% ; } |
你好,这边并未复现你的问题,想确认下是点击到输入框的区域无法聚焦吗?
按照例子中的代码,“入住人”这三个字不是输入框的placeholder,而是输入框以外的文案。
Hi June,
是用户报过来的问题,确定是点了 input 的组件然后键盘没有出现,所以就无法输入文本。
代码中的入住人确实不是placeholder 因为想要的效果就是 填写的时候 左边的“入住人”还是能显示,类似 form 表单中的 label。