×
13518219792

建站动态

根据您的个性需求进行定制 先人一步 抢占小程序红利时代

创新互联百度小程序教程：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扫码

代码示例

 
 
 
    
  
  
  
    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多行输入框
URL标题：http://cdbrznjsb.com/article/ccejejo.html

其他资讯

  • 网站建设专属方案

  • 网站定制化设计

  • 7X24小时服务

  • N对管家服务

让你的专属顾问为你服务