textarea的placeholder,title等属性换行显示

1,222 阅读1分钟

在完成页面样式时,为了美观效果往往textarea的的placeholder,input等的title属性需要换行显示时,如下图所示

在placeholder中输入</br>\n时都是不被识别的,此时怎么做呢?看代码吧

<textarea [nzAutosize]="{ minRows: 4, maxRows: 20 }" nz-input name="_ipAddress"
        [(ngModel)]="ipPoolData['_ipAddress']" id="_ipAddress" (ngModelChange)="checkIpRangeVal($event)"
        placeholder="每个IP段必须换行输入&#10;192.168.1.1&#10;192.168.1.0/24&#10;192.168.1.1-192.168.1.254&#10;" >
  </textarea>

当placeholder、title等属性遇到需换行显示的内容时,使用&#10;即可实现