</block>
    <view class="dm-input-inputwrap" a:else>
      <block a:if="{{readOnly}}">
        <view 
          class="dm-input-input {{!value?'dm-input-readonly-placeholder':''}}"
          a:if="{{value||placeholder}}" 
          disabled="{{disabled}}"
        >{{value||placeholder||''}}</view>
      </block>
      <block a:else>
        <input 
          placeholderClass="dm-input-placeholder"
          class="dm-input-input"
          style="opacity:{{valueholder||placeholder||focus?'1':'0;position:absolute;bottom:0;top:0;height:144rpx;'}}" 
          name="{{name}}" 
          password="{{password}}"
          placeholder="{{placeholder}}" 
          maxlength="{{maxlength}}" 
          type="{{type}}"
          focus="{{focus}}"
          value="{{valueholder||''}}"
          disabled="{{disabled}}"
          onInput="onDmInput"
          onFocus="onDmFocus" 
          onBlur="onDmBlur" 
          onConfirm="onDmConfirm" 
        />
      </block>
      <view class="dm-input-icon" onTap="onDmClearHook"  a:if="{{valueholder.length>0 && autoClear}}">
          <dingui-icon type="close-fill" size="32"/>
      </view>
      <view class="dm-input-iconright" onTap="onDmClearHook"  a:if="{{rightIconType}}">
          <dingui-icon type="{{rightIconType}}" size="{{rightIconSize}}" className="{{rightIconClass}}"/>
      </view>
    </view>
    <view class="dm-input-error" a:if="{{error}}">{{errorText}}</view>
  </view>
</view>