甜橘子，专注成都网站制作网站设计与营销型网站建设与优化

QQ :532337155
电话：028-86922220
 
成都网站建设设计

将想法与焦点和您一起共享

创新互联百度小程序教程：textarea多行输入框

  • textarea 多行输入框
    • 属性说明
    • 示例
      • 代码示例

    textarea 多行输入框

    解释：自定义多行输入框，支持白色主题（默认）、 边框主题和深色模式主题，可配置字符限制、错误提示方式等

    属性说明

    属性名 类型 必填 默认值 说明

    theme

    String

    否

    default

    多行输入框主题。default：默认白色主题，border：边框主题，dark：深色模式主题

    placeholder

    String

    否

    请输入内容

    输入内容默认文案

    placeholderStyle

    String

    否

    输入内容默认文案的样式

    contentLimit

    Number

    否

    120

    输入内容长度限制

    width

    String

    否

    auto

    输入框宽度

    autoHeight

    Boolean

    否

    false

    输入框高度是否自适应

    promptType

    String

    否

    toast

    输入超限提示类型。text：框下文字提示；toast：toast 提示超限；none：不提示

    tipsEdge

    Number

    否

    20

    promptType 为 text 时，出现提示时的剩余可输入字符个数

    toastText

    String

    否

    超出字数限制

    promptType 为 toast 时，提示文案内容

    submitText

    String

    否

    发表

    发布按钮的文字内容

    示例

    跳转编辑工具

    在开发者工具中打开

    在 WEB IDE 中打开

    扫码体验

    代码示例

    请使用百度APP扫码

    代码示例

    • SWAN
    • JS
    • CSS
    • JSON
     
 
 
      
  
  
  
      2.   
  
  
    2.  
      3.   
  
  
    3.  
      4.   
  
  
    4.  
      5.   
  
  
    5.  {{item.titleBar}}
      6.   
  
  
    6.  
      7.   
  
  
    7.  
      8.   
  
  
    8.  
      9.   
  
  
    9.  
      10.   
  
  
    10.  theme="{{item.theme}}"
      11.   
  
  
    11.  placeholder="{{item.placeholder}}"
      12.   
  
  
    12.  placeholder-style="{{placeholderStyle}}"
      13.   
  
  
    13.  autoHeight="{{item.autoHeight}}"
      14.   
  
  
    14.  promptType="{{item.promptType}}"
      15.   
  
  
    15.  width="{{item.width}}"
      16.   
  
  
    16.  textarea-class="external-textarea-container"
      17.   
  
  
    17.  textarea-content-class="external-textarea-content"
      18.   
  
  
    18.  textarea-input-class="external-textarea-input"
      19.   
  
  
    19.  textarea-button-class="external-textarea-button"/>
      20.   
  
  
    20.  
      21.   
  
  
    21.  
      22.   
  
  
    22.   
      23.   
  
  
    23.  
      24.   
  
  
    24.  沉浸式主题
      25.   
  
  
    25.  
      26.   
  
  
    26.  
      27.   
  
  
    27.  
      28.   
  
  
      29.

    设计指南

    必须要有输入超限提示（promptType），不可不提示

    正确

    字数超出有明确提示

    错误

    字数超出限制时，无提示


    当前标题：创新互联百度小程序教程：textarea多行输入框
    转载来源：https://chengdu.cdxwcx.cn/article/ccejejo.html

    其他资讯