嘿嘿，细小朋友们优良呀！今天我们来聊一聊微信细小程序里的textarea组件，听起来是不是有点麻烦？别怕，我磨蹭磨蹭给你讲，保证你学会哦！

啥是textarea？

textarea就像一个Neng写hen许多字的纸条， 你Neng在这张纸条上写hen许多东西，不像我们平时用的input只Neng写一行字哦！在微信细小程序里textarea就是用来让用户Neng输入hen许多字的组件。

怎么添加textarea？

先说说我们需要在微信细小程序的开发工具里找到我们要添加textarea的页面。比如 我想要在我的页面里添加，就在pages文件夹里新鲜建一个mypage文件夹，然后在里面创建mypage.wxml文件。

这样，一个轻巧松的textarea就出现了。不过我们还Neng给它加一些装饰，比如边框。

美化一下：给textarea加边框

我们想要让textareakan起来geng漂亮一些，Neng在mypage.wxss文件里给它加上边框。

/* mypage.wxss */
textarea {
  border: 3rpx solid rebeccapurple;
}

这样，我们的textarea就变成了紫色边框的漂亮细小纸条啦！

统计输入的字符数

我们还Neng让textarea变得geng好玩，比如统计用户输入了几许多个字。我们Neng在mypage.js文件里添加一些代码。

// mypage.js
Page({
  data: {
    charCount: 0
  },
  textinput: function {
    var value = e.detail.value;
    this.setData({
      charCount: value.length
    });
  }
});

眼下 每kan得出来输入的字符数啦！

记住这些个细小技巧

1. 我们Neng在textarea的属性里设置Zui巨大长远度、丢了焦点事件等。 2. 在界面对应的JavaScri...哎呀，这玩意儿优良像有点困难，我们暂时不用管它。 3. 在微信细小程序中， textarea不支持用箭头键来移动光标，但是我们Neng通过设置cursor属性来控制光标的位置。 4. 在微信细小程序中，textarea没有bindchange事件，所以无法在输入时给变量赋值。我们Neng用bindblur事件来获取输入值，或者结合from表单来处理。

细小朋友们， 今天我们学了微信细小程序中的textarea组件，了解了怎么添加、美化、统计字符数，还有一些用细小技巧。希望你们Neng中意今天的内容，以后Neng用到这些个知识哦！

文章浏览阅读2.2w次点赞52次收藏166次。在微信细小程序开发中，input用来实现文本输入，是单行的，而textarea是许多行的输入实现。记住啦，下次有需要的时候，别忘了kankan这篇文章哦！