5

我正在使用 angular6 和 angular 材料来创建这个整洁的网站。

我正在使用一个mat-form-field带有mat-input文本的文本输入元素placeholder。

占位符文本位置有两种状态。

一！当文本输入为空并且您没有专注于该元素时：

空垫输入

另一个当您专注于输入文本和/或您输入文本不为空时

带文本的垫输入

我希望 mat-input 元素处于第二状态。即使其中没​​有文本并且我没有专注于该元素，也要在文本输入元素上方显示占位符。

我知道我可以解决问题并为元素的值添加某种空白空间..但是有没有更优雅的方式来实现我需要的东西？

谢谢！！！

4

1 回答 1

10

您可以使用floatLabel="always"，这是输入属性绑定mat-form-field

<mat-form-field style="width: 100%" floatLabel="always">
  <input matInput placeholder="Enter Name">
</mat-form-field>

工作堆栈闪电战

于 2018-09-23T18:57:49.983 回答