
    <nz-space-compact>
      <input nz-input value="26888888" />
    </nz-space-compact>
    <br />
    <br />
    <nz-space-compact>
      <input nz-input value="0571" [style.width.%]="20" />
      <input nz-input value="26888888" [style.width.%]="80" />
    </nz-space-compact>
    <br />
    <br />
    <nz-space-compact>
      <nz-input-search>
        <span nzInputAddonBefore>https://</span>
        <input nz-input placeholder="input search text" />
      </nz-input-search>
    </nz-space-compact>
    <br />
    <br />
    <nz-space-compact [style.width.%]="100">
      <input nz-input placeholder="Combine input and button" />
      <button nz-button nzType="primary">Submit</button>
    </nz-space-compact>
    <br />
    <br />
    <nz-space-compact>
      <nz-select [ngModel]="'zhejiang'" [nzOptions]="options" />
      <input nz-input placeholder="Xihu District, Hangzhou" />
    </nz-space-compact>
    <br />
    <br />
    <nz-space-compact nzSize="large">
      <nz-input-wrapper>
        <nz-icon nzInputAddonBefore nzType="search" />
        <input nz-input placeholder="large size" />
      </nz-input-wrapper>
      <input nz-input placeholder="another input" />
    </nz-space-compact>
  