- 当前 Bug 的表现（可附上截图）
1、textarea组件设置auto-height属性后，建议增加一个初始高度的属性与之相匹配，如果form中除textarea外还有input组件，很可能就会textarea比input的height值还小，看起来很别扭，如果能增加初始高度属性，就可以设置与input组件的height值相同，输入内容多了后还能自动增加高度，看起来比较舒服。见图一。


图一


2、textarea组件设置auto-height属性后，placeholder属性文字内容如果比较长的话，建议textarea组件的初始高度能和placeholder内容相适应，自动匹配一下，能让placeholder的内容完整显示，否则就会侵占其他组件显示空间，挤在一起。见图二。


图二


3、textarea组件的placeholder属性文字内容如果想强制换行，普通H5页面上可以用 实现，但微信小程序中会将 当成普通文字而不换行，见图二，普通正常h5页面见图三。


图三








- 提供一个最简复现 Demo

<br><input class="qlm-input" name="name" type="text" value="" placeholder="这是一个input组件 : 姓名"/><br><br><input class="qlm-input" name="phone" type="text" value="" placeholder="这是一个input组件 : 手机号码"/><br></view><br><br><br><br><br><br><br>因为刚试着用，还没发布，因此不知道手机上表现会如何。<br><h3>微信小程序开发问题解答</h3><br><div class="toux"><span class="huifu">微信小程序开发者回答：</span><p><br>麻烦提供能复现问题的代码片段（https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html）<br><br> </div> <br> 本文网址：http://www.91bianli.com/weixinxiaochengxu/18464.html <br><br><br> <div class="art_sxp"> <div class="art_sxp_l">上一篇：<a href='/weixinxiaochengxu/18463.html'>draw不走回调不稳定</a> </div> <div class="art_sxp_r">下一篇：<a href='/weixinxiaochengxu/18465.html'>微信小程序开发上传图片VM2285:1 uploadFile:fail Err</a> </div> </div> </ul> </div> </div> <div class="popular-question ng-scope"> <div class="popular-question_hd"> 相关文章 <i class="hot-tips"></i> </div> <div class="popular-question_bd"> <ul class="popular-question_container ng-isolate-scope" > <li class="question-list pull-left ng-scope" ><a class="ng-binding" href="/weixinxiaochengxu/59122.html"><i class="icon-circle"></i>51微信小程序微信小程序canvas画布iphone真机无法设置s</a></li> <li class="question-list pull-left ng-scope" ><a class="ng-binding" href="/weixinxiaochengxu/59116.html"><i class="icon-circle"></i>微信复制文字-微信小程序开发</a></li> <li class="question-list pull-left ng-scope" ><a class="ng-binding" href="/weixinxiaochengxu/59093.html"><i class="icon-circle"></i>textarea ios下一直点换行内容样式会往上跑</a></li> <li class="question-list pull-left ng-scope" ><a class="ng-binding" href="/weixinxiaochengxu/59062.html"><i class="icon-circle"></i>textarea 聚焦位置计算不正确##微信小程序开发</a></li> <li class="question-list pull-left ng-scope" ><a class="ng-binding" href="/weixinxiaochengxu/59035.html"><i class="icon-circle"></i>微信卡包设置卡券的跳转按钮，这种样式如何设</a></li> <li class="question-list pull-left ng-scope" ><a class="ng-binding" href="/weixinxiaochengxu/58957.html"><i class="icon-circle"></i>微信小程序可以导航栏的某个标签设置点击事件吗</a></li> <li class="question-list pull-left ng-scope" ><a class="ng-binding" href="/weixinxiaochengxu/58858.html"><i class="icon-circle"></i>enablePullDownRefresh:true安卓 设置fixed无法固定#微信</a></li> <li class="question-list pull-left ng-scope" ><a class="ng-binding" href="/weixinxiaochengxu/58836.html"><i class="icon-circle"></i>51微信小程序微信小程序里面 设置line-height之后为什么</a></li> <li class="question-list pull-left ng-scope" ><a class="ng-binding" href="/weixinxiaochengxu/58829.html"><i class="icon-circle"></i>安卓手机首次进入页面点击textarea无法触发bindf</a></li> <li class="question-list pull-left ng-scope" ><a class="ng-binding" href="/weixinxiaochengxu/58747.html"><i class="icon-circle"></i>小游戏开发版本设置体验版页面应该选什么，扫</a></li> <li class="question-list pull-left ng-scope" ><a class="ng-binding" href="/weixinxiaochengxu/58570.html"><i class="icon-circle"></i>textarea组件bindfocus方法返回e.detail.height为0#微信小</a></li> <li class="question-list pull-left ng-scope" ><a class="ng-binding" href="/weixinxiaochengxu/58553.html"><i class="icon-circle"></i>微信小程序怎么设置web-view宽高##微信小程序开发教程</a></li> <li class="question-list pull-left ng-scope" ><a class="ng-binding" href="/weixinxiaochengxu/58549.html"><i class="icon-circle"></i>51微信小程序ios 11.2.6 无麦克风权限设置 但微信小程序</a></li> <li class="question-list pull-left ng-scope" ><a class="ng-binding" href="/weixinxiaochengxu/58524.html"><i class="icon-circle"></i>swiper组件的interval设置bug</a></li> <li class="question-list pull-left ng-scope" ><a class="ng-binding" href="/weixinxiaochengxu/58494.html"><i class="icon-circle"></i>使用canvas设置自定义字体，模拟器有用，真机没</a></li> <li class="question-list pull-left ng-scope" ><a class="ng-binding" href="/weixinxiaochengxu/58482.html"><i class="icon-circle"></i>textarea拉起软键盘滞后#微信小程序开发教程</a></li> <li class="question-list pull-left ng-scope" ><a class="ng-binding" href="/weixinxiaochengxu/58452.html"><i class="icon-circle"></i>51微信小程序转发设置的某些自定义图片,真机不显示</a></li> <li class="question-list pull-left ng-scope" ><a class="ng-binding" href="/weixinxiaochengxu/58430.html"><i class="icon-circle"></i>微信小程序滚动页面，如何使用textarea。胶囊图标都被</a></li> <li class="question-list pull-left ng-scope" ><a class="ng-binding" href="/weixinxiaochengxu/58420.html"><i class="icon-circle"></i>微信小程序textarea的bug 微信小程序开发教程</a></li> <li class="question-list pull-left ng-scope" ><a class="ng-binding" href="/weixinxiaochengxu/58403.html"><i class="icon-circle"></i>第三方平台无法设置腾讯地图的域名为授权方小</a></li> <li class="question-list pull-left ng-scope" ><a class="ng-binding" href="/weixinxiaochengxu/58387.html"><i class="icon-circle"></i>显示消息提示框 加入success回调,设置duration无效</a></li> <li class="question-list pull-left ng-scope" ><a class="ng-binding" href="/weixinxiaochengxu/58356.html"><i class="icon-circle"></i>51微信小程序page.json的backgroundColor设置问题？</a></li> <li class="question-list pull-left ng-scope" ><a class="ng-binding" href="/weixinxiaochengxu/58303.html"><i class="icon-circle"></i>微信小程序关联支付后， 设置默认关注同一主体服务</a></li> <li class="question-list pull-left ng-scope" ><a class="ng-binding" href="/weixinxiaochengxu/58269.html"><i class="icon-circle"></i>求解自己写的tabbar中icon大小、字体大小 应该设置</a></li> </ul> </div> </div> </div> </div> </div> </div> </div> <div class="m-foot s-fcw"> <div class="clear g-box"> <div class="f-fl"> <img src="../../xcxkf/ft_img1@2x.png" class="f-fl" height="80"> <div class="f-fl g-ml40 g-mr30"> <p class="m-ft-tt">售前咨询热线</p> <p class="s-fs24">0531-86088957</p> <p class="g-mt14">微信：seoceo</p> </div> </div> <div class="m-ft-menu f-fl"> <ul class="m-ft-mu"> <li class="m-ft-tt">商户服务</li> <li><a href="/jiejuefangan/weishangcheng.html" target="_blank" >微商城</a></li> <li><a href="/jiejuefangan/mendiantuoke.html" target="_blank" >门店拓客</a></li> <li><a href="/jiejuefangan/zhihuicanyin.html" target="_blank" >智慧餐厅</a></li> </ul> <ul class="m-ft-mu"> <li class="m-ft-tt">开发与合作</li> <li><a href="/qudao.html" >渠道合作</a></li> </ul> <ul class="m-ft-mu"> <li class="m-ft-tt">帮助支持</li> <li><a href="/help/" target="_blank">常见问题</a></li> </ul> <ul class="m-ft-mu"> <li class="m-ft-tt">关于我们</li> <li><a href="/about.html" target="_blank">公司介绍</a></li> </ul> </div> <div class="f-fl g-ml80"> </div> <div class="f-fl g-ml80"> <p class="m-ft-tt">关注微信</p> <img src="../../xcxkf/ft_img2.png" alt=""> </div> </div> <p class="g-tac s-fc-gy s-fs12 g-mt40">Copyright © 2019 <a href="http://www.91bianli.com/" target="_blank">微信小程序开发</a> www.xcxgc.com All Rights Reserved 小程序工厂 </p> </div> </body> </html>