textarea
概述
提供可交互的界面,接收用户的输入,默认为多行
子组件
不支持
属性
支持通用属性
名称 | 类型 | 默认值 | 必填 | 描述 |
---|---|---|---|---|
placeholder | <string> | - | 否 | 提示文本的内容 |
maxlength 1010+ | <number> | - | 否 | 组件可接收用户输入字符的最大长度 |
样式
支持通用样式
名称 | 类型 | 默认值 | 必填 | 描述 |
---|---|---|---|---|
color | <color> | rgba(0, 0, 0, 0.87) | 否 | 文本颜色 |
font-size | <number> | 37.5px | 否 | 文本尺寸 |
placeholder-color | <color> | rgba(0, 0, 0, 0.38) | 否 | 提示文本的颜色 |
事件
支持通用事件
名称 | 参数 | 描述 |
---|---|---|
change | {text:newText} | 输入内容发生变化时触发 |
selectionchange 1030+ | - | 选中文本改变和光标移动时触发 |
方法
名称 | 参数 | 描述 |
---|---|---|
focus | {focus:true|false},focus 不传默认为 true | 使组件获得或者失去焦点,可触发 focus 伪类,可弹出或收起输入法 |
select 1010+ | - | 选中文本框的全部文本 |
setSelectionRange 1010+ | {start: <number> , end: <number> } | 设置文本框的选中区域 |
getSelectionRange 1010+ | {callback: Function(start: <number> , end: <number> )} | 获取文本的选中区域 |
textarea 示例代码
查看示例代码