代码之家 › 专栏 › 技术社区 › Charles L.

角度材料2正常输入

angular-material-6 angular-material-5 angular-material2 angular

0

Charles L. · 技术社区 · 6 年前

有没有一种方法可以用角材料2实现一个正常的input biox?例如图像

每当我在“仅查看输入”中引用文档时,单击占位符文本浮起的位置。

当我在“仅查看输入”中引用文档时,单击占位符文本浮起的位置。

2 回复 | 直到 6 年前

1

Rabea AlTaradeh 6 年前

我在我的项目中使用此代码它与输入相同,但在输入的底部有一个下划线

我只是在 mat-form-field 风格

<mat-form-field   style="padding:3px;border-radius:60px;border-style:solid; border-color:#c0bfbf91;border-width:1px">
    <input matInput  value="Sushi">
  <mat-icon  matSuffix>search</mat-icon>
      <mat-placeholder style="margin-left:20px">Favorite food</mat-placeholder>
  </mat-form-field>

2

1

Tim Martens 6 年前

你可以用 floatLabel="never" 在您的mat表单字段上:

<mat-form-field appearance="legacy" floatLabel="never">
    <mat-label>Search here</mat-label>
    <input matInput>
    <mat-icon matSuffix>search</mat-icon>
</mat-form-field>

你不能把它和 appearance="outline" 就像在示例图像中所述 docs 以下内容:

注意:只有旧外观支持Never选项。最初从未被添加为使浮动标签模拟标准输入占位符行为的方法。然而,表单域现在支持浮动标签和占位符。因此,在非传统外观中,“从不”选项已被禁用,而只使用占位符。