解释:自定义多行输入框,支持白色主题(默认)、 边框主题和深色模式主题,可配置字符限制、错误提示方式等
属性名 | 类型 | 必填 | 默认值 | 说明 |
---|---|---|---|---|
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扫码
{{item.titleBar}}
theme="{{item.theme}}"
placeholder="{{item.placeholder}}"
placeholder-style="{{placeholderStyle}}"
autoHeight="{{item.autoHeight}}"
promptType="{{item.promptType}}"
width="{{item.width}}"
textarea-class="external-textarea-container"
textarea-content-class="external-textarea-content"
textarea-input-class="external-textarea-input"
textarea-button-class="external-textarea-button"/>
沉浸式主题
设计指南
必须要有输入超限提示(promptType),不可不提示
正确
字数超出有明确提示
错误
字数超出限制时,无提示
网页名称:创新互联百度小程序教程:textarea多行输入框
路径分享:http://www.shufengxianlan.com/qtweb/news43/387293.html
网站建设、网络推广公司-创新互联,是专注品牌与效果的网站制作,网络营销seo公司;服务项目有等
声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联