html – AngularMaterial mat-form-field输入 – 浮动标签问题

html – AngularMaterial mat-form-field输入 – 浮动标签问题,第1张

概述有没有什么方法可以阻止占位符作为以下代码片段的标签浮动? <form class="search-form"> <mat-form-field class="example-full-width"> <input class="toolbar-search" type="text" matInput> <mat-placeholder>Search</mat-placeho 有没有什么方法可以阻止占位符作为以下代码片段的标签浮动?

<form >  <mat-form-fIEld >     <input  type="text" matinput>     <mat-placeholder>Search</mat-placeholder>     <mat-icon matSuffix >search</mat-icon>  </mat-form-fIEld></form>

我已经查看了角度/材质的官方文档,但似乎这个功能现在已被弃用了?

解决方法 假设您使用的是最新稳定版材料2,
你可以使用floatLabel =“never”强制标签不浮动.

这是live working demo

这在文档https://material.angular.io/components/form-field/api中很清楚

总结

以上是内存溢出为你收集整理的html – Angular / Material mat-form-field输入 – 浮动标签问题全部内容,希望文章能够帮你解决html – Angular / Material mat-form-field输入 – 浮动标签问题所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/1085189.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2022-05-27
下一篇2022-05-27

发表评论

登录后才能评论

评论列表(0条)

    保存