创新互联百度小程序教程: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
     
     
     
    1. {{item.titleBar}}
    2. theme="{{item.theme}}"
    3. placeholder="{{item.placeholder}}"
    4. placeholder-style="{{placeholderStyle}}"
    5. autoHeight="{{item.autoHeight}}"
    6. promptType="{{item.promptType}}"
    7. width="{{item.width}}"
    8. textarea-class="external-textarea-container"
    9. textarea-content-class="external-textarea-content"
    10. textarea-input-class="external-textarea-input"
    11. textarea-button-class="external-textarea-button"/>
    12. 沉浸式主题

    设计指南

    必须要有输入超限提示(promptType),不可不提示

    正确

    字数超出有明确提示

    错误

    字数超出限制时,无提示

    网页名称:创新互联百度小程序教程:textarea多行输入框
    路径分享:http://www.shufengxianlan.com/qtweb/news43/387293.html

    网站建设、网络推广公司-创新互联,是专注品牌与效果的网站制作,网络营销seo公司;服务项目有等

    广告

    声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联