当文本字段没有值时，保持MUI TextField标签在顶部 [英] Keep MUI TextField label on top when text field has no value

问题描述

所以这应该很简单，但我没有看到明确的答案。 我的标签如下所示：

。

如您所见，底部2个字段的标签位于顶部，因为它们具有默认值，而顶部的&Quot；ML Feature&Quot；没有，并且标签移动到TextField的中间。

代码如下所示：

<TextField
    label="ML Features" // or any other field
    ...
   >
</TextField>

如何使标签始终位于顶部？

推荐答案

您可以在InputLabelProps中将shrink设置为true。更多参考参见InputLabel接口here

<TextField label="ML Features" InputLabelProps={{ shrink: true }} />

这篇关于当文本字段没有值时，保持MUI TextField标签在顶部的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！