小程序开发之组件textarea(多行输入框)

本文介绍了微信小程序中textarea组件的使用,包括其作为多行输入框的功能、使用限制及常见问题,如自动聚焦时的位置计算错误、blur事件与tap事件的顺序、bindinput事件的特性等。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

textarea

多行输入框。该组件是原生组件,使用时请注意相关限制。
在这里插入图片描述在这里插入图片描述

Tip:

  • 请注意原生组件使用限制。
  • 微信版本 6.3.30,textarea 在列表渲染时,新增加的 textarea 在自动聚焦时的位置计算错误。
  • textarea 的 blur 事件会晚于页面上的 tap 事件,如果需要在 button 的点击事件获取 textarea,可以使用 form 的 bindsubmit。
  • 不建议在多行文本上对用户的输入进行修改,所以 textarea 的 bindinput 处理函数并不会将返回值反映到 textarea 上。

例如:
效果展示


在这里插入图片描述

代码
index.wxml

<!-- 
  value 输入框的内容  
  placeholder  输入框为空时占位符  
  placeholder
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值