<textarea>组件

[acton393]

本文档已迁移至 https://weex-project.io/cn/references/components/textarea.html ，此处不再维护，谢谢。

<textarea>

0.8

概述

textarea 是weex SDK 内置的一个组件，用于用户交互，接受用户输入数据。 可以认为是允许多行的 <input> Notes: <textarea>支持 <input> 支持的所有的事件.

子组件

这个组件不支持子组件。

属性

• value: <字符串> 组件的值.
• placeholder: <字符串> 提示用户组件中的输入值
• disabled: <布尔值> 指定组件可用或者不可用。
• autofocus: <布尔值> 可以设置当页面加载时，input是否自动获取焦点。
• rows:<number> 指定组件的高度，默认值 是2

其他属性，可以查看 基本属性.

样式

文本样式: 查看 text styles

• 支持 color 样式.
• 支持 font-size 样式.
• 支持 font-style 样式.
• 支持 font-weight 样式.
• 支持 text-align 样式.

基本样式: 查看 组件基本样式

• 支持 flexbox 样式.
• 支持盒模型样式.
• 支持 position 样式.
• 支持 opacity, background-color 等.

  事件

• input: 元素值改变触发.
• change: 当用户输入完成时候如果组件值与之前有变更时候会触发. 一般是在 blur 后.
• focus: 组件获得焦点触发.
• blur: 组件失去焦点时候触发.

基本事件: 查看 基本事件

• 支持 appear / disappear 事件. 查看 基础事件.

注意: <textarea> 不支持 click事件. 请使用input 或者change 事件替代.

事件对象参数

• input 和 change 事件:
  • value: 触发这个事件的组件的值.
  • timestamp: 事件触发的时间戳.
• focus 和 blur 事件:
  • timestamp: 事件触发的时间戳.

    Example

<div>
  <textarea
    autofocus="true"
    placeholder="..."
    value="我是一个多行版本的input组件">
  </textarea>
</div>

[yundongbot]

本文档已迁移至 https://weex-project.io/cn/references/components/textarea.html ，此处不再维护，谢谢。