textarea(多行输入框)又称文本域,也是开发中常用的组件,在评论、简介等场景下应用
在textarea中可以输入多行内容

textarea组件的属性

image.png

  1. index.wxml
  2. -------------------
  3. <view>
  4. <textarea
  5. bindblur="bindTextAreaBlur"
  6. auto-height
  7. placeholder="自动变高"
  8. placeholder-style="font-size:24px;color:#ccc;"
  9. maxlength="140"
  10. auto-focus
  11. show-confirm-bar
  12. bindlinechange="onChange"
  13. bindinput="onInput"
  14. bindconfirm="onConfirm"
  15. />
  16. </view>
  17. =====================================================================
  18. index.js
  19. ------------------------
  20. Page({
  21. data: {
  22. height: 20,
  23. focus: false
  24. },
  25. onChange: function(e){
  26. console.log('textarea change:',e.detail.value)
  27. },
  28. onInput: function(e){
  29. console.log('textarea input:', e.detail.value)
  30. },
  31. onConfirm: function(e){
  32. console.log('textarea confirm:', e.detail.value)
  33. }
  34. })

image.png