你输入的内容是: {{ inputNotBindValue }} 你输入的内容是: {{ inputNotBindValueMaxLength }} 长度是: {{ inputNotBindValueMaxLength.length }} 你输入的内容是: {{ inputBindValue }} 你输入的内容是: {{ wordValue }} 你输入的内容是: {{ inputMaxLengthValue }} 长度是: {{ inputMaxLengthValue.length }} 你输入的内容是: {{ inputMaxLengthInfinity }} 长度是: {{ inputMaxLengthInfinity.length }} 你输入的内容是: {{ inputPassword }} 你输入的内容是: {{ inputNumber }} 你输入的内容是: {{ disabledValue }} 长度: {{ disabledValue.length }}

</view>
      <view class="_ui-textarea">
        <text>你输入的内容是: {{ textareaNotBindValue }}</text>
      </view>
    </box>
  </showbox>

<showbox title="受控 Textarea，自动换行高度">
    <box>
      <view class="_ui-textarea">
        <textarea
          auto-height
          value="{{ textareaBindValue }}"
          bindinput="bindTextareaBindValue"
          placeholder="占位文字"
          placeholder-style="color: #3333334D;"
        />
      </view>
      <view class="_ui-textarea">
        <text>你输入的内容是: {{ textareaBindValue }}</text>
      </view>
    </box>
  </showbox>

<showbox title="受控 Textarea，只能输入英文字母">
    <box>
      <view class="_ui-input">
        <textarea
          value="{{ textareaWordValue }}"
          placeholder="占位文字"
          placeholder-style="color: #3333334D;"
          bindinput="bindTextareaWordInput"
        />
      </view>
      <view class="_ui-input">
        <text>你输入的内容是: {{ textareaWordValue }}</text>
      </view>
    </box>
  </showbox>

<showbox title="非受控 Textarea，maxLength 设置为 10">
    <box>
      <view class="_ui-input">
        <text>你输入的内容是: {{ textareaNoBindMaxLengthValue }}</text>
      </view>
      <view class="_ui-input">
        <text>长度是: {{ textareaNoBindMaxLengthValue.length }}</text>
      </view>
      <view class="_ui-input">
        <textarea
          maxlength="10"
          placeholder="占位文字"
          placeholder-style="color: #3333334D;"
          bindinput="bindTextareaNoBindMaxLengthValue"
        />
      </view>
    </box>
  </showbox>

<showbox title="受控 Textarea，maxLength 设置为 10">
    <box>
      <view class="_ui-input">
        <text>你输入的内容是: {{ textareaMaxLengthValue }}</text>
      </view>
      <view class="_ui-input">
        <text>长度是: {{ textareaMaxLengthValue.length }}</text>
      </view>
      <view class="_ui-input">
        <textarea
          value="{{ textareaMaxLengthValue }}"
          maxlength="10"
          placeholder="占位文字"
          placeholder-style="color: #3333334D;"
          bindinput="bindTextareaMaxLengthInput"
        />
      </view>
    </box>
  </showbox>

<showbox title="受控 Textarea，长度不受限">
    <box>
      <view class="_ui-input">
        <text>你输入的内容是: {{ textareaInfinityLengthValue }}</text>
      </view>
      <view class="_ui-input">
        <text>长度是: {{ textareaInfinityLengthValue.length }}</text>
      </view>
      <view class="_ui-input">
        <textarea
          value="{{ textareaInfinityLengthValue }}"
          maxlength="-1"
          placeholder="占位文字"
          placeholder-style="color: #3333334D;"
          bindinput="bindTextareaInfinityLengthValue"
        />
      </view>
    </box>
  </showbox>

<showbox title="不可输入 textarea">
    <box>
      <view class="_ui-input">
        <text>你输入的内容是: \n{{ textareaDisabled }}</text>
      </view>
      <view class="_ui-input">
        <textarea
          disabled
          value="{{ textareaDisabled }}"
          maxlength="10"
          placeholder="占位文字"
          placeholder-style="color: #3333334D;"
          bindinput="bindTextareaDisabledInput"
        />
      </view>
    </box>
  </showbox>
</view>
<include src="templates.xhsml" />