微信小程序textArea输入框随着输入字数自适应高度

wxml

<form bindsubmit='commentSubmit'><view class='text_box'><textarea fixed='true' contenteditable="true" contenteditable="true" auto-height="true" class='weui-textarea' name='commentValue' placeholder='评论' placeholder-style='font-size:30rpx;' maxlength='50' style='background-color: white'></textarea></view><button form-type='submit' class='textarea_btn'>发送</button>
</form>

wxss

/* pages/textareaAutoheight/textareaAutoheight.wxss */
.text_box {background-color: white;width: 544rpx;border-radius: 10rpx;border: 1px solid #e9e9e9;padding-left: 28rpx;font-size: 30rpx;padding-top: 8rpx;
}
.text_box .weui-textarea {width: 528rpx;padding-left: 32rpx;padding: 6rpx 0;border-radius: 12rpx;
}
.textarea_btn {width: 96rpx;height: 60rpx;font-size: 30rpx;padding: 0;line-height: 60rpx;background-color: #f7ab21;color: white;
}

微信小程序textArea输入框随着输入字数自适应高度相关推荐

微信小程序 textarea输入框内文字，从中间删除快的时候，光标会从中间跳到最后位置
场景: 微信小程序真机中 textarea输入框内有很多文字,从中间删除文字,速度快的时候,光标会从中间跳到最后位置! 原因: input.textarea事件中,给input框绑定任何事件后,在处理 ...
关于微信小程序textarea中的maxlength属性失效问题
关于微信小程序textarea中的maxlength属性失效问题代码菜鸡今天在编写小程序前端代码时,遇到了一个问题:textarea输入140个字以后,就再也输不进去了,想着设置一下maxlengt ...
微信小程序获取输入框(input)内容
微信小程序---获取输入框(input)内容 wxml <input placeholder="请输入手机号码" maxlength="11" type= ...
解决微信小程序textarea层级太高遮挡其他组件的问题
解决微信小程序textarea层级太高遮挡其他组件的问题参考文章: (1)解决微信小程序textarea层级太高遮挡其他组件的问题 (2)https://www.cnblogs.com/pansid ...
微信小程序 textarea 简易解决方案
微信小程序 textarea 简易解决方案参考文章: (1)微信小程序 textarea 简易解决方案 (2)https://www.cnblogs.com/bsyblog/p/6116973.ht ...
微信小程序 textarea浮动键盘弹不出来错误
参考网址:https://www.shangmayuan.com/a/e8923d8f81c04fe6983f8eff.html 微信小程序textarea组件问题: 部分用户使用悬浮键盘时,会弹不出 ...
微信小程序之支付密码输入demo
微信小程序之支付密码输入demo 原文链接:https://www.cnblogs.com/tandaxia/p/9338443.html 在小程序中实现支付密码的输入,要解决几个问题: 1.小程序要 ...
微信小程序 input 输入框控件 bindinput 没有响应
微信小程序 input 输入框控件 bindinput 没有响应问题: 微信小程序 input 输入框控件 bindinput 没有响应原因: 我以为是我这边的问题,检查很多遍检查不出来,最后换个 ...
微信小程序背景图片设置和图片自适应宽高
微信小程序背景图片设置和图片自适应宽高我们在开发过程中经常需要对一些元素设置图片为背景图片. 网络图片: .ServiceCenter{width: 100vw;height: 40vw;margi ...

微信小程序textArea输入框随着输入字数自适应高度

wxml

wxss

微信小程序textArea输入框随着输入字数自适应高度相关推荐

最新文章

热门文章