文档中心 > 店铺动态卡片-开发指引

textarea

更新时间:2020/08/26 访问次数:3478

多行输入框。

 

 

属性

参数 说明 类型 默认值
value 当前值 String/Number -
defaultValue 初始化值 String/Number -
onChange 发生改变的时候触发的回调

Function -
onKeyDown 键盘按下的时候触发的回调

Function -
disabled 禁用状态 Boolean false
maxLength 最大长度 Number null
hasLimitHint 是否展现最大长度样式 Boolean false
cutString 当设置了maxLength时,是否截断超出字符串 Boolean true
readOnly 只读 Boolean false
trim onChange返回会自动去除头尾空字符 Boolean false
placeholder 输入提示 String -
onFocus 获取焦点时候触发的回调 Function -
onBlur 失去焦点时候触发的回调 Function -
name name String -
state 状态

可选值:
'error'(错误)
Enum -
hasBorder 是否有边框 Boolean true
autoHeight 自动高度 true / {minRows: 2, maxRows: 4} Boolean/Object false
rows 多行文本框高度
(不要直接用height设置多行文本框的高度, ie9 10会有兼容性问题)
Number 4

 

  

Demo示例

 

示例代码

 

<view class="com-wrap">
  <view class="com-title">简单</view>
  <textarea placeholder="TextArea" aria-label="TextArea"></textarea>

  <view class="com-title">最大长度</view>
  <textarea placeholder="TextArea"
    maxLength="100"
    rows={4}
    hasLimitHint
    /></textarea>

  <view class="com-title">禁用状态</view>
  <textarea disabled aria-label="disabled" placeholder="medium" maxLength="10" hasLimitHint></textarea>

  <view class="com-title">自动高度</view>
  <textarea autoHeight trim aria-label="auto height" placeholder="autoHeight" />
</view>

 

FAQ

关于此文档暂时还没有FAQ
返回
顶部